按钮

预览

使用方法

<i-button>默认按钮</i-button>
<i-button icon="settings">默认按钮</i-button>
<i-button :loading="true">默认按钮</i-button>
<i-button disabled>默认按钮</i-button>

选项

单个按钮

1. 图标

通过设置 icon 属性在 Button 内嵌入一个 Icon。
通过设置 iconPosition 属性改变 Icon 在 Button 中的位置，仅支持“左，右”两个位置。

2. 加载中状态

通过设置 loading 属性，可以让按钮处于加载中状态。

3. 不可用状态

通过设置 disabled 属性，可将按钮设置为不可用状态。

按钮组

预览

代码

<i-button-group>
  <i-button>默认按钮</i-button>
  <i-button>默认按钮</i-button>
  <i-button>默认按钮</i-button>
</i-button-group>