Button 按钮

按钮用于触发一个操作,如提交表单、打开对话框或取消操作。

基础用法

Tactile UI 的按钮采用拟物化设计,具有真实的按压效果和光影细节。

变体 (Variants)

提供多种视觉风格以适应不同的层级和场景。

尺寸 (Sizes)

支持 sm, md, lg 三种尺寸。

加载状态

按钮可以设置为加载状态,此时会显示加载动画并禁用点击。

图标按钮

可以在文字前后添加图标,或者仅显示图标。

API

属性说明类型默认值
variant按钮变体风格'default' | 'primary' | 'secondary' | 'ghost' | 'danger''default'
size按钮尺寸'sm' | 'md' | 'lg''md'
loading是否为加载状态booleanfalse
disabled是否禁用booleanfalse
iconLeft左侧图标ReactNode-
iconRight右侧图标ReactNode-
iconOnly是否仅显示图标booleanfalse
onClick点击事件处理器(event: React.MouseEvent) => void-