Skip to content

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 - 按钮内容

基于 MIT 许可发布