shadcn/ui smoke test
shadcn/ui 测试页面
用一页覆盖常见组件、主题变量、边框、焦点态和表单控件,便于后续升级或调整样式时快速回归。
基础组件
11
主题模式
Light / Dark
Tailwind
3.4
组件变体
Button、Badge、Alert 与 Separator 的基础视觉状态。
Default
Secondary
Outline
Destructive
组件加载正常
颜色 token、边框和文本层级均来自 shadcn/ui 主题变量。
危险状态
destructive 变体可用于删除、失败、异常等场景。
route: /test-shadcn
表单控件
Input、Textarea、Checkbox、Switch 与 Label 的组合。
用于确认 Radix Switch 的客户端交互。
Tabs 交互
用于验证 Radix Tabs、焦点态和内容区域布局。
当前页面使用 shadcn/ui 生成的本地组件,没有引入运行时组件库包,后续可按需继续通过 CLI 添加组件。