Button 按钮
按钮用于开始一个即时操作。按钮标记了一个(或封装一组)操作命令,响应用户点击行为,触发响应的业务逻辑。
Primary 主按钮
Secondary 次级按钮
Text 文字按钮
Outlined 按钮
White Outlined 按钮
Round 胶囊按钮
Block 块状按钮
图标
当需要在 Button 内嵌入 Icon 时,可以设置 icon 属性,或者直接在 Button 内使用 Icon 组件。
如果想控制 Icon 具体的位置,只能直接使用 Icon 组件,而非 icon 属性。
不同的大小
按钮可以被设置不同的尺寸,mini
、 small
、normal
、large
。
Loading 加载中
超出显示设置
支持 ellipsis, clip 等,仅在有最大宽度限制下生效
Button props
参数 | 介绍 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
type | 按钮类型 | String | primary, secondary, text, outlined, white-outlined | primary |
size | 按钮大小 | String | mini, small, normal, large | normal |
round | 胶囊按钮 | Boolean | — | false |
block | 块状按钮 | Boolean | — | false |
disabled | 禁用按钮 | Boolean | — | false |
icon | 显示图标 | String | - | - |
loading | 是否加载中 | Boolean | — | false |
html-type | html 按钮类型 | String | - | button |
Button events
事件 | 介绍 | 定义 |
---|---|---|
click | 按钮点击 | (event) => void |