# shadcn/ui 组件覆盖与源码映射

来源：[官方组件目录](https://ui.shadcn.com/docs/components) · 核对日期：2026-09-30

官方条目覆盖：64 / 64。项目共有 76 个条目、196 个实际 React 示例。

表格由项目目录、实际导出声明及官方目录快照生成。变体数量链接打开该组件的首个示例。

[完整 JSON 映射](coverage.json) · [预览运行清单](manifest.json)

| 官方组件 | React 导出 | 变体数量 / 示例 | 实际源码文件 |
| --- | --- | ---: | --- |
| Accordion | `Accordion` | [3](../src/examples/accordion-1.tsx) | [src/components/core.tsx](../src/components/core.tsx) |
| Alert | `Alert` | [3](../src/examples/alert-1.tsx) | [src/components/core.tsx](../src/components/core.tsx) |
| Alert Dialog | `AlertDialog` | [2](../src/examples/alert-dialog-1.tsx) | [src/components/core.tsx](../src/components/core.tsx) |
| Aspect Ratio | `AspectRatio` | [3](../src/examples/aspect-ratio-1.tsx) | [src/components/core.tsx](../src/components/core.tsx) |
| Attachment | `Attachment` | [2](../src/examples/attachment-1.tsx) | [src/components/forms.tsx](../src/components/forms.tsx) |
| Avatar | `Avatar` | [3](../src/examples/avatar-1.tsx) | [src/components/core.tsx](../src/components/core.tsx) |
| Badge | `Badge` | [4](../src/examples/badge-1.tsx) | [src/components/core.tsx](../src/components/core.tsx) |
| Breadcrumb | `Breadcrumb` | [4](../src/examples/breadcrumb-1.tsx) | [src/components/core.tsx](../src/components/core.tsx) |
| Bubble | `Bubble` | [2](../src/examples/bubble-1.tsx) | [src/components/data.tsx](../src/components/data.tsx) |
| Button | `Button` | [9](../src/examples/button-1.tsx) | [src/shared.tsx](../src/shared.tsx) |
| Button Group | `ButtonGroup` | [4](../src/examples/button-group-1.tsx) | [src/components/core.tsx](../src/components/core.tsx) |
| Calendar | `Calendar` | [2](../src/examples/calendar-1.tsx) | [src/components/forms.tsx](../src/components/forms.tsx) |
| Card | `Card` | [3](../src/examples/card-1.tsx) | [src/components/core.tsx](../src/components/core.tsx) |
| Carousel | `Carousel` | [2](../src/examples/carousel-1.tsx) | [src/components/data.tsx](../src/components/data.tsx) |
| Chart | `Chart` | [10](../src/examples/chart-1.tsx) | [src/components/data.tsx](../src/components/data.tsx) |
| Checkbox | `Checkbox` | [4](../src/examples/checkbox-1.tsx) | [src/components/forms.tsx](../src/components/forms.tsx) |
| Collapsible | `Collapsible` | [2](../src/examples/collapsible-1.tsx) | [src/components/core.tsx](../src/components/core.tsx) |
| Combobox | `Combobox` | [2](../src/examples/combobox-1.tsx) | [src/components/forms.tsx](../src/components/forms.tsx) |
| Command | `Command` | [2](../src/examples/command-1.tsx) | [src/components/core.tsx](../src/components/core.tsx) |
| Context Menu | `ContextMenu` | [2](../src/examples/context-menu-1.tsx) | [src/components/core.tsx](../src/components/core.tsx) |
| Data Table | `DataTable` | [2](../src/examples/data-table-1.tsx) | [src/components/data.tsx](../src/components/data.tsx) |
| Date Picker | `DatePicker` | [2](../src/examples/date-picker-1.tsx) | [src/components/forms.tsx](../src/components/forms.tsx) |
| Dialog | `Dialog` | [3](../src/examples/dialog-1.tsx) | [src/components/core.tsx](../src/components/core.tsx) |
| Direction | `Direction` | [2](../src/examples/direction-1.tsx) | [src/components/core.tsx](../src/components/core.tsx) |
| Drawer | `Drawer` | [2](../src/examples/drawer-1.tsx) | [src/components/core.tsx](../src/components/core.tsx) |
| Dropdown Menu | `DropdownMenu` | [2](../src/examples/dropdown-menu-1.tsx) | [src/components/core.tsx](../src/components/core.tsx) |
| Empty | `Empty` | [2](../src/examples/empty-1.tsx) | [src/components/core.tsx](../src/components/core.tsx) |
| Field | `Field` | [2](../src/examples/field-1.tsx) | [src/components/forms.tsx](../src/components/forms.tsx) |
| Hover Card | `HoverCard` | [2](../src/examples/hover-card-1.tsx) | [src/components/core.tsx](../src/components/core.tsx) |
| Input | `Input` | [4](../src/examples/input-1.tsx) | [src/components/forms.tsx](../src/components/forms.tsx) |
| Input Group | `InputGroup` | [2](../src/examples/input-group-1.tsx) | [src/components/forms.tsx](../src/components/forms.tsx) |
| Input OTP | `InputOTP` | [2](../src/examples/input-otp-1.tsx) | [src/components/forms.tsx](../src/components/forms.tsx) |
| Item | `Item` | [2](../src/examples/item-1.tsx) | [src/components/core.tsx](../src/components/core.tsx) |
| Kbd | `Kbd` | [2](../src/examples/kbd-1.tsx) | [src/components/core.tsx](../src/components/core.tsx) |
| Label | `Label` | [2](../src/examples/label-1.tsx) | [src/components/forms.tsx](../src/components/forms.tsx) |
| Marker | `Marker` | [2](../src/examples/marker-1.tsx) | [src/components/core.tsx](../src/components/core.tsx) |
| Menubar | `Menubar` | [2](../src/examples/menubar-1.tsx) | [src/components/core.tsx](../src/components/core.tsx) |
| Message | `Message` | [2](../src/examples/message-1.tsx) | [src/components/data.tsx](../src/components/data.tsx) |
| Message Scroller | `MessageScroller` | [2](../src/examples/message-scroller-1.tsx) | [src/components/data.tsx](../src/components/data.tsx) |
| Native Select | `NativeSelect` | [2](../src/examples/native-select-1.tsx) | [src/components/forms.tsx](../src/components/forms.tsx) |
| Navigation Menu | `NavigationMenu` | [2](../src/examples/navigation-menu-1.tsx) | [src/components/core.tsx](../src/components/core.tsx) |
| Pagination | `Pagination` | [2](../src/examples/pagination-1.tsx) | [src/components/data.tsx](../src/components/data.tsx) |
| Popover | `Popover` | [2](../src/examples/popover-1.tsx) | [src/components/core.tsx](../src/components/core.tsx) |
| Progress | `Progress` | [2](../src/examples/progress-1.tsx) | [src/components/data.tsx](../src/components/data.tsx) |
| Questionnaire | `Questionnaire` | [2](../src/examples/questionnaire-1.tsx) | [src/components/forms.tsx](../src/components/forms.tsx) |
| Radio Group | `RadioGroup` | [2](../src/examples/radio-group-1.tsx) | [src/components/forms.tsx](../src/components/forms.tsx) |
| Resizable | `Resizable` | [2](../src/examples/resizable-1.tsx) | [src/components/data.tsx](../src/components/data.tsx) |
| Scroll Area | `ScrollArea` | [2](../src/examples/scroll-area-1.tsx) | [src/components/data.tsx](../src/components/data.tsx) |
| Select | `Select` | [3](../src/examples/select-1.tsx) | [src/components/forms.tsx](../src/components/forms.tsx) |
| Separator | `Separator` | [2](../src/examples/separator-1.tsx) | [src/components/core.tsx](../src/components/core.tsx) |
| Sheet | `Sheet` | [3](../src/examples/sheet-1.tsx) | [src/components/core.tsx](../src/components/core.tsx) |
| Sidebar | `Sidebar` | [2](../src/examples/sidebar-1.tsx) | [src/components/core.tsx](../src/components/core.tsx) |
| Skeleton | `Skeleton` | [2](../src/examples/skeleton-1.tsx) | [src/components/data.tsx](../src/components/data.tsx) |
| Slider | `Slider` | [2](../src/examples/slider-1.tsx) | [src/components/forms.tsx](../src/components/forms.tsx) |
| Spinner | `Spinner` | [2](../src/examples/spinner-1.tsx) | [src/components/data.tsx](../src/components/data.tsx) |
| Switch | `Switch` | [3](../src/examples/switch-1.tsx) | [src/components/forms.tsx](../src/components/forms.tsx) |
| Table | `Table` | [3](../src/examples/table-1.tsx) | [src/components/data.tsx](../src/components/data.tsx) |
| Tabs | `Tabs` | [8](../src/examples/tabs-1.tsx) | [src/components/core.tsx](../src/components/core.tsx) |
| Textarea | `Textarea` | [2](../src/examples/textarea-1.tsx) | [src/components/forms.tsx](../src/components/forms.tsx) |
| Toast | `Toast` | [2](../src/examples/toast-1.tsx) | [src/components/data.tsx](../src/components/data.tsx) |
| Toggle | `Toggle` | [2](../src/examples/toggle-1.tsx) | [src/components/forms.tsx](../src/components/forms.tsx) |
| Toggle Group | `ToggleGroup` | [2](../src/examples/toggle-group-1.tsx) | [src/components/forms.tsx](../src/components/forms.tsx) |
| Tooltip | `Tooltip` | [4](../src/examples/tooltip-1.tsx) | [src/components/core.tsx](../src/components/core.tsx) |
| Typography | `Typography` | [3](../src/examples/typography-1.tsx) | [src/components/data.tsx](../src/components/data.tsx) |