基础组件36 样式
Button 按钮
按钮用于触发操作或事件,如提交表单、打开对话框、取消操作或执行删除操作。
变体 (Variants)
6 种按钮变体样式
尺寸 (Sizes)
6 种按钮尺寸
变体 × 尺寸矩阵
36 种组合 (6 variants × 6 sizes)
| default | sm | lg | icon | icon-sm | icon-lg | |
|---|---|---|---|---|---|---|
| default | ||||||
| secondary | ||||||
| destructive | ||||||
| outline | ||||||
| ghost | ||||||
| link |
带图标按钮
常用图标按钮示例
加载状态
按钮加载中状态
禁用状态
按钮禁用样式
图标按钮
常用图标按钮集合
按钮组
组合按钮示例