Button 按钮

常用的操作按钮,支持多种变体、尺寸和状态。

按钮变体
通过 variant 属性设置按钮风格:
按钮尺寸
通过 size 属性设置按钮大小:
加载状态
设置 loading 属性显示加载指示器,按钮将自动禁用:
禁用状态
设置 disabled 属性禁用按钮:
块级按钮
设置 block 属性使按钮撑满父容器宽度:

Props

参数类型默认值说明
variant'primary' | 'secondary' | 'danger' | 'ghost''primary'按钮变体风格
size'sm' | 'md' | 'lg''md'按钮尺寸
blockbooleanfalse是否为块级按钮
loadingbooleanfalse是否加载中
disabledbooleanfalse是否禁用

Events

事件名类型说明
click(event: MouseEvent) => void按钮点击事件(禁用和加载状态不会触发)