Skip to content

Button 按钮

基本用法

描述:当被点击时,触发相应的操作。 共提供5个变种。

  • Filled: 实心按钮
  • Outlined: 轮廓按钮
  • Ghost: 透明按钮
  • Text: 文字按钮
  • Light: 浅色按钮

基本用法

loading

Sizes 尺寸

loading

Variants 变种

loading

Icon 图标

loading

Disabled 禁用

loading

Props 属性

属性名类型默认值说明
typeButtonNativeTypebutton按钮原生 type 属性
sizeButtonSizemd按钮尺寸
variantButtonVariantbasic按钮视觉风格
colorTypeButtonColorTypeprimary按钮颜色主题
iconComponent将按钮内容替换为图标(传入 Vue 组件)
shapeButtonShapesquare按钮形状
blockbooleanfalse是否撑满父级宽度(块级按钮)
disabledbooleanfalse是否禁用按钮