Skip to content

Button 按钮

常用操作按钮,支持多种类型、尺寸和形状。

基础用法

loading

类型 (type)

除默认外,可选:primarysecondaryaccentsuccesswarningdangerinfoneopinkpurpleblueorangegreen

变体 (variant)

  • solid(默认):实心
  • outline:描边
  • ghost:透明背景
loading

尺寸 (size)

xssmmdlgxl

loading

形状 (shape)

  • default:默认圆角
  • round:更圆
  • circle:圆形(常配合图标)
  • sharp:直角
loading

禁用与加载

loading

块级按钮

loading

链接形式

设置 href 可将按钮渲染为链接。使用 target="_blank" 在新窗口打开。

loading

API

属性说明类型默认值
type类型string'primary'
variant变体'solid' | 'outline' | 'ghost' | 'soft''solid'
size尺寸'xs' | 'sm' | 'md' | 'lg' | 'xl''md'
shape形状'default' | 'round' | 'circle' | 'sharp''default'
disabled是否禁用booleanfalse
loading是否加载中booleanfalse
block是否块级booleanfalse
href链接地址(为 a 标签时)string-
target链接打开方式,如 _blankstring-

事件

事件名说明
click点击时触发

MIT License