Button 按钮
loading
特性
- 5 种变体:
primary/secondary/outline/ghost/danger - 3 种尺寸:
sm/md/lg - 加载态:内置 Spinner 动画,自动禁止交互
- 按压反馈:
scale(0.96)微交互 - Block 模式:一键全宽布局
API
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
variant | 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'primary' | 按钮变体 |
size | 'sm' | 'md' | 'lg' | 'md' | 按钮尺寸 |
disabled | boolean | false | 禁用状态 |
loading | boolean | false | 加载状态 |
icon | ReactNode | — | 前置图标插槽 |
block | boolean | false | 是否为块级全宽按钮 |
onClick | () => void | — | 点击回调 |