Skip to content

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'按钮尺寸
disabledbooleanfalse禁用状态
loadingbooleanfalse加载状态
iconReactNode前置图标插槽
blockbooleanfalse是否为块级全宽按钮
onClick() => void点击回调

内容仅供学习参考,如有错误欢迎指正与 PR