

<DemoTitle title="IconButton" desc="以图标为核心的轻量按钮组件，用于触发操作。">
#### API

| 属性名 | 描述 | 类型 | 默认值 | 
|--------|--------|--------|--------|
| icon | icon | ReactNode \| string |  | 
| iconType | 百炼图标iconfont的key，依赖百炼的iconFont，例如bl-icon-add | string |  | 
| bordered | 边框 | boolean | true | 
| shape | 形状 | 'default' \| 'circle' | 'default' | 


## antd API

通用属性参考：[通用属性](/docs/react/common-props)

通过设置 Button 的属性来产生不同的按钮样式，推荐顺序为：`type` -> `shape` -> `size` -> `loading` -> `disabled`。

按钮的属性说明如下：

| 属性 | 说明 | 类型 | 默认值 | 版本 | 
|--------|--------|--------|--------|--------|
| autoInsertSpace | 我们默认提供两个汉字之间的空格，可以设置  | boolean | true | 5.17.0 | 
| block | 将按钮宽度调整为其父宽度的选项 | boolean | false |  | 
| classNames | 语义化结构 class |  | - | 5.4.0 | 
| color | 设置按钮的颜色 | default | - | default | 
| danger | 语法糖，设置危险按钮。当设置  | boolean | false |  | 
| disabled | 设置按钮失效状态 | boolean | false |  | 
| ghost | 幽灵属性，使按钮背景透明 | boolean | false |  | 
| href | 点击跳转的地址，指定此属性 button 的行为和 a 链接一致 | string | - |  | 
| htmlType | 设置  | submit | button |  | 
| iconPosition | 设置按钮图标组件的位置 | start | start | 5.17.0 | 
| loading | 设置按钮载入状态 | boolean \| { delay: number, icon: ReactNode } | false | icon: 5.23.0 | 
| styles | 语义化结构 style |  | - | 5.4.0 | 
| target | 相当于 a 链接的 target 属性，href 存在时生效 | string | - |  | 
| onClick | 点击按钮时的回调 | (event: React.MouseEvent) => void | - |  | 
| variant | 设置按钮的变体 | outlined | - | 5.21.0 | 


支持原生 button 的其他所有属性。

### PresetColors

type PresetColors = 'blue' | 'purple' | 'cyan' | 'green' | 'magenta' | 'pink' | 'red' | 'orange' | 'yellow' | 'volcano' | 'geekblue' | 'lime' | 'gold';