按钮用于触发一个操作,如提交表单、打开对话框或取消操作。
Tactile UI 的按钮采用拟物化设计,具有真实的按压效果和光影细节。
提供多种视觉风格以适应不同的层级和场景。
支持 sm, md, lg 三种尺寸。
按钮可以设置为加载状态,此时会显示加载动画并禁用点击。
可以在文字前后添加图标,或者仅显示图标。
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| variant | 按钮变体风格 | 'default' | 'primary' | 'secondary' | 'ghost' | 'danger' | 'default' |
| size | 按钮尺寸 | 'sm' | 'md' | 'lg' | 'md' |
| loading | 是否为加载状态 | boolean | false |
| disabled | 是否禁用 | boolean | false |
| iconLeft | 左侧图标 | ReactNode | - |
| iconRight | 右侧图标 | ReactNode | - |
| iconOnly | 是否仅显示图标 | boolean | false |
| onClick | 点击事件处理器 | (event: React.MouseEvent) => void | - |