Shadcn
Shadcn 原生组件
由 @scopify/ui 的 shadcn CLI 版本维护,不承载 Scopify 业务语义。
这一层是内部 UI 库的原始底座。当前收录 61 个 registry UI 组件,源码保持 shadcn CLI 的生成形态,升级、Diff 和回滚都以 CLI 产物为准。
当前目录
| 类型 | 组件 |
|---|---|
| 基础 | Avatar、Badge、Button、Button Group、Card、Direction、Empty、Item、Kbd、Separator |
| 表单 | Calendar、Checkbox、Combobox、Field、Form、Input、Input Group、Input OTP、Label、Native Select、Radio Group、Select、Slider、Switch、Textarea、Toggle、Toggle Group |
| 数据展示 | Accordion、Aspect Ratio、Carousel、Chart、Collapsible、Resizable、Scroll Area、Table |
| 反馈 | Alert、Progress、Skeleton、Sonner、Spinner |
| 导航 | Breadcrumb、Menubar、Navigation Menu、Pagination、Sidebar、Tabs |
| 浮层 | Alert Dialog、Command、Context Menu、Dialog、Drawer、Dropdown Menu、Hover Card、Popover、Sheet、Tooltip |
| 对话交互 | Attachment、Bubble、Marker、Message、Message Scroller |
导入规则
每个组件使用独立子路径导入,不提供模糊的总入口:
import { Button } from "@scopify/ui/shadcn/components/button";若标准 Props 与共享主题 Token 已经可以表达需求,就停留在这一层。
组件页只记录 CLI 原生入口与用途,主题和 Scopify 业务语义由各自分层负责。
需要调整整套组件的颜色时,进入独立的 Shadcn Theme Lab。它只开放标准 Shadcn Token,修改后可以直接导出一份主题 CSS。