Ready-to-use foundation components/blocks built on top of shadcn/ui.
The File list example from the Context menu docs.
The Hold feedback example from the Context menu docs.
The Inside a sheet example from the Context menu docs.
The Long content example from the Context menu docs.
The Nested submenus example from the Context menu docs.
The Render as another element example from the Context menu docs.
The Right to left example from the Context menu docs.
A table for real data, with sorting, search, row selection, pinned columns, a sticky header and pagination.
The main Data table demo from the docs.
The Empty example from the Data table docs.
The Loading example from the Data table docs.
The Pinned columns example from the Data table docs.
The Plain table example from the Data table docs.
The Right to left example from the Data table docs.
The Sticky header example from the Data table docs.
A button that opens a calendar in a popover, or a bottom sheet on phones, for single dates and ranges.
The Controlled example from the Date picker docs.
The main Date picker demo from the docs.
The Disabled example from the Date picker docs.
The Disabled days example from the Date picker docs.
The In a form example from the Date picker docs.
The Inside a sheet example from the Date picker docs.
The Month and year dropdowns example from the Date picker docs.
The Narrow container example from the Date picker docs.
The Range example from the Date picker docs.
The Right to left example from the Date picker docs.
A window over the page for forms and focused tasks, with a pinned header and footer, nesting, and a swipeable bottom sheet on phones.
The Controlled example from the Dialog docs.
The Custom close button example from the Dialog docs.
The main Dialog demo from the docs.
The Detached triggers example from the Dialog docs.
The Form example from the Dialog docs.
The Nested example from the Dialog docs.
The No close button example from the Dialog docs.
The Right to left example from the Dialog docs.
The Scrollable content example from the Dialog docs.
The Sizes example from the Dialog docs.
The Sticky footer example from the Dialog docs.
A panel that slides in from any edge and follows your finger, with snap points, a working handle and nested drawers that stack.
The Confirm from a drawer example from the Drawer docs.
The Controlled example from the Drawer docs.
The main Drawer demo from the docs.
The Detached triggers example from the Drawer docs.
The Directions example from the Drawer docs.
The Forms and the keyboard example from the Drawer docs.
The Nested example from the Drawer docs.
The Non-modal example from the Drawer docs.
The Responsive example from the Drawer docs.