文档Tags:
button

Button 按钮

使用场景:按钮用于开始一个即时操作。

基本用法

可以用 size 属性设置按钮大小,type 属性设置按钮类型, warning 属性显示高危,错误等提示的按钮,text 属性是文字按钮,loading 属性是加载中状态按钮,组件已绑定 onClick 事件回调函数,供处理不同业务时使用。

Loading demo...

APIs

Button

参数说明类型默认值
size按钮的尺寸

可选值:
'small', 'medium', 'large'
Enum'medium'
type按钮的类型

可选值:
'primary', 'secondary', 'normal'
Enum'normal'
icons按钮中可配置的 Icon,格式为 { loading: }Object{}
iconSize按钮中 Icon 的尺寸,用于替代 Icon 的默认大小Enum/Number-
htmlType当 component = 'button' 时,设置 button 标签的 type 值

可选值:
'submit', 'reset', 'button'
Enum'button'
component设置标签类型

可选值:
'button', 'a', 'div', 'span'
Enum'button'
loading设置按钮的载入状态Booleanfalse
ghost是否为幽灵按钮

可选值:
true, false, 'light', 'dark'
Enumfalse
text是否为文本按钮Booleanfalse
warning是否为警告按钮Booleanfalse
disabled是否禁用Booleanfalse
onClick点击按钮的回调

签名:
Function(e: Object) => void
参数:
e: {Object} Event Object
Function() => {}

Button.Group

参数说明类型默认值
size统一设置 Button 组件的按钮大小String'medium'

Demo

尺寸大小

使用 size 属性设置 按钮大小

Loading demo...

Button Group

Loading demo...