Back to showcase
Navigation Components
Breadcrumbs, search, and pagination. Most are automatic/layout-driven.
Breadcrumb
Breadcrumb trail with "/" separators. Last item renders as current page (no link).
| Prop | Type | Description |
|---|---|---|
| items | BreadcrumbItem[] | Array of { label, href? } — last item is current page |
SearchModal
Command palette-style search modal. Triggered by Cmd/Ctrl+K or the search button in TopBar. Supports keyboard navigation (arrows, Enter, Escape).
Press Cmd+K to try it. The modal is rendered in the root layout and controlled by the search store.
| Prop | Type | Description |
|---|---|---|
| open | boolean | Whether the modal is visible |
| onclose | () => void | Callback when modal is dismissed |
PaginationNav
Previous/Next page navigation cards. Displayed at the bottom of content pages.
Next only:
| Prop | Type | Description |
|---|---|---|
| prev | { label, href }? | Previous page link |
| next | { label, href }? | Next page link |