Button
交互式按钮组件。
导入
tsx
import { Button } from '@xcloud/ui-core'示例
功能特性
- 多种按钮样式
- 禁用状态
- 完全可定制
- 无障碍访问支持
API
| 属性 | 类型 | 默认值 | 必需 | 描述 |
|---|---|---|---|---|
variant |
'primary' | 'neutral' | 'error' |
'primary' |
❌ | 按钮的样式变体 |
mode |
'filled' | 'stroke' | 'lighter' | 'ghost' |
'filled' |
❌ | 按钮的填充模式 |
size |
'xxsmall' | 'xsmall' | 'small' | 'medium' |
'medium' |
❌ | 按钮的大小 |
asChild |
boolean |
false |
❌ | 是否作为子元素渲染(使用 Radix Slot) |
disabled |
boolean |
false |
❌ | 是否禁用按钮 |
onClick |
(event: MouseEvent<HTMLButtonElement>) => void |
- |
❌ | 点击事件处理器 |
className |
string |
- |
❌ | 附加的 CSS 类名 |
children |
ReactNode |
- |
❌ | 按钮内容 |