Button

Button 是 @downcity/ui 里最基础的动作组件。

导入

import { Button } from "@downcity/ui";

最小示例

常用变体

常用尺寸

图标按钮

使用建议

• 页面级主操作优先用 size="sm" 或 size="default"
• 工具栏操作优先用 variant="ghost"
• 危险操作优先用 variant="destructive"
• 图标按钮优先用 icon-* 尺寸，不要手动写 w-* h-*

相关导出

• Button
• buttonVariants

继续阅读

• Badge
• Toggle