Button 按钮
常用的操作按钮,支持多种变体、尺寸和状态。
按钮变体
通过 variant 属性设置按钮风格:
按钮尺寸
通过 size 属性设置按钮大小:
加载状态
设置 loading 属性显示加载指示器,按钮将自动禁用:
禁用状态
设置 disabled 属性禁用按钮:
块级按钮
设置 block 属性使按钮撑满父容器宽度:
Props
| 参数 | 类型 | 默认值 | 说明 |
|---|---|---|---|
variant | 'primary' | 'secondary' | 'danger' | 'ghost' | 'primary' | 按钮变体风格 |
size | 'sm' | 'md' | 'lg' | 'md' | 按钮尺寸 |
block | boolean | false | 是否为块级按钮 |
loading | boolean | false | 是否加载中 |
disabled | boolean | false | 是否禁用 |
Events
| 事件名 | 类型 | 说明 |
|---|---|---|
click | (event: MouseEvent) => void | 按钮点击事件(禁用和加载状态不会触发) |