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) |
| disabled | boolean | false | 禁用 |
| loading | boolean | false | 加载中(显示 spinner 并禁点) |
| block | boolean | false | 撑满父容器宽度 |
| type | 'button' | 'submit' | 'button' | 原生 type |
Events
| 名称 | 参数 | 说明 |
|---|---|---|
| click | (e: MouseEvent) | 点击(disabled / loading 时不触发) |
Slots
| 名称 | 说明 |
|---|---|
| default | 按钮内容 |