# Button 按钮 常用的操作按钮。 ## 基础用法 基础的按钮用法。 :::demo 使用`f-icon`嵌入图标 ````html 默认按钮 主要按钮 成功按钮 警告按钮 危险按钮 信息按钮 ```` ::: ## 外边框 外边框的按钮用法。 :::demo 使用`f-icon`嵌入图标 ````html 默认按钮 主要按钮 成功按钮 警告按钮 危险按钮 信息按钮 ```` ::: ## 按钮大小 设置按钮大小。 :::demo 使用`f-icon`嵌入图标 ````html 默认按钮 小按钮 超小按钮 ```` ::: ## 文字按钮 按钮为文字链接的形式 :::demo 使用`f-icon`嵌入图标 ````html 默认按钮 主要按钮 成功按钮 警告按钮 危险按钮 信息按钮 ```` ::: ## 按钮组 以按钮组的方式出现，常用于多项类似操作。 :::demo 使用`f-icon`嵌入图标 ````html 默认按钮 默认按钮 默认按钮 默认按钮 默认按钮 默认按钮 默认按钮 默认按钮 默认按钮 默认按钮 默认按钮 默认按钮 默认按钮 默认按钮 默认按钮 ```` ::: ## 图标按钮 以图标的方式出现。 :::demo 使用`f-icon`嵌入图标 ````html ```` ::: ## 禁用按钮 以禁用的方式出现。 :::demo 使用`f-icon`嵌入图标 ````html ```` ::: ## button 参数说明 | 参数 | 说明 | 类型 | 可选值 | 默认值 | |--------- |-------- |---------- |------------- |-------- | |size |大小 | String | small / mini | — | |disabled |禁用状态 | boolean | false/ true | false | ## button 事件 | 事件名称 | 说明 | 回调参数 |---------- |-------- |---------- | | click | 按钮点击事件 | $event | | error | 按钮禁用事件 | $event | ## button-group 参数说明 | 参数 | 说明 | 类型 | 可选值 | 默认值 | |--------- |-------- |---------- |------------- |-------- | |lineMargin |行间距 | String | 像素高度 | 20px |