文档组件图表

组件

通用指南

组件库介绍主题系统状态模型布局与浮层交互与无障碍

基础组件

Button Text Badge Label Avatar Separator AspectRatio

内容与反馈

Alert Card Barcode Code Markdown Watermark Skeleton Spinner Progress

输入与表单

Input Textarea Input OTP Checkbox Switch Radio Group Slider Toggle Toggle Group Form

日期与选择

Calendar Date Picker Select Combobox Command

布局与数据

Accordion Collapsible Tabs Carousel Table Timeline

导航组件

Anchor Index Breadcrumb Pagination Navigation Menu Bottom Navigation

浮层与菜单

Guide Dialog Alert Dialog Sheet Drawer Bottom Sheet Popover Hover Card Tooltip Floating Layer Dropdown Menu Context Menu Menubar Sonner

菜单 · 组件▾

通用指南

组件库介绍主题系统状态模型布局与浮层交互与无障碍

基础组件

Button Text Badge Label Avatar Separator AspectRatio

内容与反馈

Alert Card Barcode Code Markdown Watermark Skeleton Spinner Progress

输入与表单

Input Textarea Input OTP Checkbox Switch Radio Group Slider Toggle Toggle Group Form

日期与选择

Calendar Date Picker Select Combobox Command

布局与数据

Accordion Collapsible Tabs Carousel Table Timeline

导航组件

Anchor Index Breadcrumb Pagination Navigation Menu Bottom Navigation

浮层与菜单

Guide Dialog Alert Dialog Sheet Drawer Bottom Sheet Popover Hover Card Tooltip Floating Layer Dropdown Menu Context Menu Menubar Sonner

组件

单独一块区域的展开 / 收起。

Collapsible

就一块区域的展开 / 收起，比 Accordion 更轻。

Previous← Accordion NextTabs →

Built with Astro · shadcn design tokensarkit · MIT / Apache-2.0