按钮

预览

使用方法

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

选项

单个按钮

1. 图标

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

2. 加载中状态

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

3. 不可用状态

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

按钮组

预览

代码

<zh-button-group>
    <zh-button icon="left">上一页</zh-button>
    <zh-button>目录</zh-button>
    <zh-button icon="right" iconPosition="right">下一页</zh-button>
</zh-button-group>