Skip to content

Button

快速使用

展开

不同大小

展开

禁用

通过设置disabled与否, 可以设置按钮的禁用态

展开

事件

你可以使用所有的原生事件

展开

插槽

你可以使用suffixprefix插槽来为按钮文本前后增加你所需要的东西

展开

圆角大小

展开

IconOnly

你可以通过设置icon-only属性来标识,当前按钮是否是icon按钮。当为true时,按钮将会强制为矩形

展开

Props

参数名参数类型类型简介示例默认值
typeButtonType按钮颜色#快速使用'default'
shapeButtonShape按钮形状#快速使用'solid'
loadingBoolean按钮是否加载#快速使用false
sizeButtonSize按钮大小#快速使用'md'
radiusButtonRadius圆角大小#圆角大小'md'
iconOnlyBoolean是否只有icon#icononlyfalse

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';