@rxdrag/shadcn

基于 shadcn/ui 的共享 UI 组件库，用于 RxCMS 项目。

安装

在你的项目中添加依赖：

{
  "dependencies": {
    "@rxdrag/shadcn": "workspace:*"
  }
}

使用

import { Button } from "@rxdrag/shadcn"

export function MyComponent() {
  return (
    <Button variant="default" size="lg">
      点击我
    </Button>
  )
}

组件

Button

基于 Radix UI 的按钮组件，支持多种变体和尺寸。

变体 (variants)

• default - 默认主色调按钮
• destructive - 危险操作按钮
• outline - 轮廓按钮
• secondary - 次要按钮
• ghost - 幽灵按钮
• link - 链接样式按钮

尺寸 (sizes)

• default - 默认尺寸
• sm - 小尺寸
• lg - 大尺寸
• icon - 图标按钮
• icon-sm - 小图标按钮
• icon-lg - 大图标按钮

工具函数

cn

用于合并 Tailwind CSS 类名的工具函数。

import { cn } from "@rxdrag/shadcn"

const className = cn("base-class", condition && "conditional-class")

开发

# 构建
pnpm --filter @rxdrag/shadcn build

# 代码检查
pnpm --filter @rxdrag/shadcn lint

# 清理
pnpm --filter @rxdrag/shadcn clean