Button 按钮
按钮用于触发一个操作。
基础用法
import { Button } from '@enterprise-ui/react19';
<Button>默认按钮</Button>
<Button color="primary">主要按钮</Button>
<Button color="success">成功按钮</Button>尺寸
按钮提供三种尺寸：small、medium、large。
变体
按钮提供四种变体：solid、outline、ghost、text。
禁用状态
加载状态
API
Button Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| size | 按钮尺寸 | 'small' | 'medium' | 'large' | 'medium' |
| color | 按钮颜色 | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info' | 'primary' |
| variant | 按钮变体 | 'solid' | 'outline' | 'ghost' | 'text' | 'solid' |
| disabled | 是否禁用 | boolean | false |
| loading | 是否加载中 | boolean | false |
| onClick | 点击事件 | (e: React.MouseEvent<HTMLButtonElement>) => void | - |
| type | 按钮类型 | 'button' | 'submit' | 'reset' | 'button' |