# 按钮 Button 按钮是一种命令组件，可发起一个即时操作。 Source: https://sd-design.js.org/components/button/ ### 基本用法 按钮分为 `primary` - **主要按钮**、`secondary` - **次要按钮（默认）**、`dashed` - **虚线按钮**、`outline` - **线形按钮**、`text` - **文本按钮**五种类型。 示例代码 文件: src/button-basic.vue ```vue ``` ### 禁用状态 按钮的禁用状态。 示例代码 文件: src/button-disabled.vue ```vue ``` ### 组合按钮 通过 `` 组件使按钮以组合方式出现。可用在同级多项操作中。 示例代码 文件: src/button-group.vue ```vue ``` ### 图标按钮 按钮可以嵌入图标。在只设置图标时，按钮的宽高相等。 示例代码 文件: src/button-icon.vue ```vue ``` ### 加载中状态 通过设置 `loading` 可以让按钮处于加载中状态。处于加载中状态的按钮不会触发点击事件。 示例代码 文件: src/button-loading.vue ```vue ``` ### 长按钮 通过设置 `long` 属性，使按钮的宽度跟随容器的宽度。 示例代码 文件: src/button-long.vue ```vue ``` ### 按钮形状 按钮分为 `square` - **长方形（默认）**、`circle` - **圆形**、`round` - **全圆角**三种形状。 示例代码 文件: src/button-shape.vue ```vue ``` ### 按钮尺寸 按钮分为 `mini`、`small`、`medium`、`large` 四种尺寸。高度分别为：`24px`、`28px`、`32px`、`36px`。推荐（默认）尺寸为 `medium`。可在不同场景及不同业务需求选择适合尺寸。 示例代码 文件: src/button-size.vue ```vue ``` ### 按钮状态 按钮的状态分为 `normal` - **正常（默认）**、`success` - **成功**、`warning` - **警告**、`danger` - **危险**四种，可以与按钮类型同时使用。 示例代码 文件: src/button-status.vue ```vue ``` ## API ### `