Skip to content

Button 按钮

常用操作按钮,五种形态 × 三档尺寸。

基础用法

形态

variant 五种:primary 主操作实底、tonal 次强调容器底(M3)、secondary 描边、ghost 幽灵、danger 危险。

尺寸

禁用与加载

loading 显示 spinner 并禁点;disabled 同样拦截 click。

块级

API

Props

名称类型默认值说明
variant'primary' | 'tonal' | 'secondary' | 'ghost' | 'danger''primary'按钮形态
size'sm' | 'md' | 'lg''md'尺寸(高 30 / 36 / 42px)
disabledbooleanfalse禁用
loadingbooleanfalse加载中(显示 spinner 并禁点)
blockbooleanfalse撑满父容器宽度
type'button' | 'submit''button'原生 type

Events

名称参数说明
click(e: MouseEvent)点击(disabled / loading 时不触发)

Slots

名称说明
default按钮内容