Appearance
Button
快速使用
展开
不同大小
展开
禁用
通过设置disabled
与否, 可以设置按钮的禁用态
展开
事件
你可以使用所有的原生事件
展开
插槽
你可以使用suffix
与prefix
插槽来为按钮文本前后增加你所需要的东西
展开
圆角大小
展开
IconOnly
你可以通过设置icon-only
属性来标识,当前按钮是否是icon按钮。当为true
时,按钮将会强制为矩形
展开
Props
参数名 | 参数类型 | 类型简介 | 示例 | 默认值 |
---|---|---|---|---|
type | ButtonType | 按钮颜色 | #快速使用 | 'default' |
shape | ButtonShape | 按钮形状 | #快速使用 | 'solid' |
loading | Boolean | 按钮是否加载 | #快速使用 | false |
size | ButtonSize | 按钮大小 | #快速使用 | 'md' |
radius | ButtonRadius | 圆角大小 | #圆角大小 | 'md' |
iconOnly | Boolean | 是否只有icon | #icononly | false |
Types
typescript
export type ButtonSize = 'sm' | 'md' | 'lg';
export type ButtonType = 'default' | 'primary' | 'warning' | 'danger' | 'success';
export type ButtonShape = 'solid' | 'outline';
export type ButtonRadius = 'none' | 'sm' | 'md' | 'lg' | 'full';