# Button 组件

常用的操作按钮。

# 基础用法

基础的按钮用法。

使用 type 属性来定义 Button 的样式。

<div>
  <star-mini-button>默认按钮</star-mini-button>
  <star-mini-button type="primary">主要按钮</star-mini-button>
  <star-mini-button type="success">成功按钮</star-mini-button>
  <star-mini-button type="info">信息按钮</star-mini-button>
  <star-mini-button type="warning">警告按钮</star-mini-button>
  <star-mini-button type="danger">危险按钮</star-mini-button>
</div>

# 图标按钮

带图标的按钮可增强辨识度（有文字）或节省空间（无文字）

使用 type 属性来定义 Button 的样式。

<div>
  <star-mini-button icon="edit">编辑</star-mini-button>
  <star-mini-button icon="edit"></star-mini-button>
</div>

# 加载中

要设置为 loading 状态，只要设置 loading 属性为 true 即可。

<star-mini-button :loading="true">加载中</star-mini-button>

# 按钮组

以按钮组的方式出现，常用于多项类似操作。

使用<star-mini-button-group>标签来嵌套你的按钮。

  <star-mini-button-group>
    <star-mini-button icon="left" position="left">上一页</star-mini-button>
    <star-mini-button icon="right" position="right">下一页</star-mini-button>
  </star-mini-button-group>

  <star-mini-button-group>
    <star-mini-button icon="edit"></star-mini-button>
    <star-mini-button icon="edit"></star-mini-button>
    <star-mini-button icon="edit"></star-mini-button>
  </star-mini-button-group>

# Attributes

参数	说明	类型	可选值	默认值
type	类型	string	primary / success / warning / danger / info	default
icon	图标类名	string	-	-
loading	是否加载中状态	boolean	-	false
position	图标位置	string	left / right	left