Shadcn UI 中文文档

文档组件区块图表主题颜色

开始使用

介绍安装 components.json 主题深色模式 CLI Monorepo Tailwind v4New Next.js 15 + React 19 排版在 v0 中打开区块 Figma 更新日志

安装

Next.js Vite Laravel React Router Remix Astro Tanstack Start Tanstack Router 手动安装

组件

手风琴 Accordion 警告 Alert 警告对话框 Alert Dialog 纵横比 Aspect Ratio 头像 Avatar 徽章 Badge 面包屑 Breadcrumb 按钮 Button 日历 Calendar 卡片 Card 轮播图 Carousel 图表 Chart 复选框 Checkbox 可折叠组件 Collapsible 组合框 Combobox 命令 Command 上下文菜单 Context Menu 数据表格 Data Table 日期选择器 Date Picker 对话框 Dialog 抽屉 Drawer 下拉菜单 Dropdown Menu 表单 Form 悬停卡片 Hover Card 输入 Input 输入一次性密码 Input OTP 标签 Label 菜单栏 Menubar 导航菜单 Navigation Menu 分页 Pagination 弹出框 Popover 进度 Progress 单选组 Radio Group 可调整大小 Resizable 滚动区域 Scroll Area 选择 Select 分隔符 Separator 抽屉 Sheet 侧边栏 Sidebar 骨架 Skeleton 滑块 Slider 吐司 Sonner 开关 Switch 表格 Table 标签 Tabs 文本区域 Textarea 弹窗 Toast 切换 Toggle 切换组 Toggle Group 工具提示 Tooltip

注册表新

介绍开始使用示例在 v0 中打开常见问题 registry.json registry-item.json

深色模式

深色模式

为您的网站添加深色模式。

Next.js

Vite

Astro

Remix

简中文档｜沪ICP备2024070610号-3