Navigation & Overlays
Wayfinding and floating surfaces — breadcrumbs, pagination, menus, dialogs, toasts and the keyboard-first command palette.
Breadcrumb
Shows the user's location in the hierarchy. Items are clickable except the last (current).
Pagination
Numbered pages with prev/next, keyboard and disabled-edge handling.
Dialog
/navigation/dialog/A focused modal for confirmation and forms. Use compound parts (`DialogHeader`, `DialogBody`, `DialogFooter`) or the controlled `DialogPanel` helper (same API as `Drawer`). Default width is `md` (`max-w-xl`); pass `size` for `sm`, `lg`, `xl`, or `full`. Escape or backdrop click closes.
Re-open the confirm dialog above, or use size="lg" / xl / full for forms and detail views.
Toasts
Transient confirmations via useToast() or sonner. Mount <Toaster /> once near the app root.
Drawer / Sheet
Side panel for detail views and slide-over forms. Opens from the right or left; closes on Esc or overlay click.
Command palette
/navigation/command-palette/The signature component. ⌘K opens it anywhere; arrow keys navigate, Enter selects, Esc closes.