按钮 Button

按钮是用户界面中最基础的交互元素，用于触发操作或导航。

基础用法

默认按钮

<button class="glass-button">默认按钮</button>
<button class="glass-button primary">主要按钮</button>

预览效果：

按钮尺寸

<button class="glass-button small">小按钮</button>
<button class="glass-button">默认按钮</button>
<button class="glass-button large">大按钮</button>

预览效果：

按钮状态

<button class="glass-button" disabled>禁用按钮</button>
<button class="glass-button primary" disabled>禁用主要按钮</button>

预览效果：

图标按钮

<button class="glass-button">
  <span class="button-icon">🔍</span>
  搜索
</button>
<button class="glass-button primary">
  <span class="button-icon">💾</span>
  保存
</button>
<button class="glass-button icon-only">
  <span class="button-icon">⚙️</span>
</button>

预览效果：

按钮组

<div class="glass-button-group">
  <button class="glass-button">左</button>
  <button class="glass-button">中</button>
  <button class="glass-button">右</button>
</div>

预览效果：

按钮类型

<button class="glass-button primary">主要按钮</button>

预览效果：

CSS 类名

基础类名

• .glass-button