Components
@rtorcato/shadcn-ui ships two kinds of components, each imported from its own
subpath (there is no package root export):
components/ui/*— the stock shadcn/ui primitives, pre-built so you don't run the CLI per project. Documented upstream; the table below links each to its ui.shadcn.com page and a live Storybook story.components/ui-extended/*— hand-written compositions not on ui.shadcn.com. Each has its own page in this section with props + a live demo.
Every component is previewable in Storybook
(60 stories, light/dark + theme presets). Setup — importing styles.css and the
Tailwind content globs — is covered in Tailwind setup.
Extended components
Hand-written, not on ui.shadcn.com — see each page for props and a live demo:
- Confirm dialog — AlertDialog wrapper with confirm/cancel + loading
- Data table — sortable, paginated TanStack Table
- File upload — drag-and-drop upload with validation
- Multi-select — searchable multi-value combobox
- Page header — title + breadcrumbs + actions
- Date picker (presets) — popover picker with quick presets
- Date picker (range) — two-month range picker
UI primitives
Stock shadcn/ui. Import from @rtorcato/shadcn-ui/components/ui/<name>.
| Component | Import subpath | Upstream | Live |
|---|---|---|---|
accordion | @rtorcato/shadcn-ui/components/ui/accordion | docs | story |
alert | @rtorcato/shadcn-ui/components/ui/alert | docs | story |
alert-dialog | @rtorcato/shadcn-ui/components/ui/alert-dialog | docs | story |
aspect-ratio | @rtorcato/shadcn-ui/components/ui/aspect-ratio | docs | story |
avatar | @rtorcato/shadcn-ui/components/ui/avatar | docs | story |
badge | @rtorcato/shadcn-ui/components/ui/badge | docs | story |
breadcrumb | @rtorcato/shadcn-ui/components/ui/breadcrumb | docs | story |
button | @rtorcato/shadcn-ui/components/ui/button | docs | story |
button-group | @rtorcato/shadcn-ui/components/ui/button-group | docs | story |
calendar | @rtorcato/shadcn-ui/components/ui/calendar | docs | story |
card | @rtorcato/shadcn-ui/components/ui/card | docs | story |
carousel | @rtorcato/shadcn-ui/components/ui/carousel | docs | story |
chart | @rtorcato/shadcn-ui/components/ui/chart | docs | story |
checkbox | @rtorcato/shadcn-ui/components/ui/checkbox | docs | story |
collapsible | @rtorcato/shadcn-ui/components/ui/collapsible | docs | story |
command | @rtorcato/shadcn-ui/components/ui/command | docs | story |
context-menu | @rtorcato/shadcn-ui/components/ui/context-menu | docs | story |
dialog | @rtorcato/shadcn-ui/components/ui/dialog | docs | story |
drawer | @rtorcato/shadcn-ui/components/ui/drawer | docs | story |
dropdown-menu | @rtorcato/shadcn-ui/components/ui/dropdown-menu | docs | story |
empty | @rtorcato/shadcn-ui/components/ui/empty | docs | story |
field | @rtorcato/shadcn-ui/components/ui/field | docs | story |
form | @rtorcato/shadcn-ui/components/ui/form | docs | story |
hover-card | @rtorcato/shadcn-ui/components/ui/hover-card | docs | story |
input | @rtorcato/shadcn-ui/components/ui/input | docs | story |
input-group | @rtorcato/shadcn-ui/components/ui/input-group | docs | story |
input-otp | @rtorcato/shadcn-ui/components/ui/input-otp | docs | story |
item | @rtorcato/shadcn-ui/components/ui/item | docs | story |
kbd | @rtorcato/shadcn-ui/components/ui/kbd | docs | story |
label | @rtorcato/shadcn-ui/components/ui/label | docs | story |
menubar | @rtorcato/shadcn-ui/components/ui/menubar | docs | story |
navigation-menu | @rtorcato/shadcn-ui/components/ui/navigation-menu | docs | story |
pagination | @rtorcato/shadcn-ui/components/ui/pagination | docs | story |
popover | @rtorcato/shadcn-ui/components/ui/popover | docs | story |
progress | @rtorcato/shadcn-ui/components/ui/progress | docs | story |
radio-group | @rtorcato/shadcn-ui/components/ui/radio-group | docs | story |
resizable | @rtorcato/shadcn-ui/components/ui/resizable | docs | story |
scroll-area | @rtorcato/shadcn-ui/components/ui/scroll-area | docs | story |
select | @rtorcato/shadcn-ui/components/ui/select | docs | story |
separator | @rtorcato/shadcn-ui/components/ui/separator | docs | story |
sheet | @rtorcato/shadcn-ui/components/ui/sheet | docs | story |
sidebar | @rtorcato/shadcn-ui/components/ui/sidebar | docs | story |
skeleton | @rtorcato/shadcn-ui/components/ui/skeleton | docs | story |
slider | @rtorcato/shadcn-ui/components/ui/slider | docs | story |
sonner | @rtorcato/shadcn-ui/components/ui/sonner | docs | story |
spinner | @rtorcato/shadcn-ui/components/ui/spinner | docs | story |
switch | @rtorcato/shadcn-ui/components/ui/switch | docs | story |
table | @rtorcato/shadcn-ui/components/ui/table | docs | story |
tabs | @rtorcato/shadcn-ui/components/ui/tabs | docs | story |
textarea | @rtorcato/shadcn-ui/components/ui/textarea | docs | story |
toggle | @rtorcato/shadcn-ui/components/ui/toggle | docs | story |
toggle-group | @rtorcato/shadcn-ui/components/ui/toggle-group | docs | story |
tooltip | @rtorcato/shadcn-ui/components/ui/tooltip | docs | story |