Navigation
Navigation components styled with the Ontopix theme — menus, tabs, breadcrumbs, and more.
Components for guiding users through the application. Navigation elements use theme tokens for active states, hover effects, and color accents.
Navigation Menu
Primary navigation with nested items and highlight support.
Horizontal
Vertical
Tabs
Tabbed interface for switching between content panels.
Pill Variant
Link Variant
| Variant | Description |
|---|---|
pill | Rounded background indicator for active tab |
link | Underline indicator for active tab |
Breadcrumb
Navigation trail showing the current page's position in the hierarchy.
Pagination
Page number navigation for paginated content.
Stepper
Multi-step process indicator with titles and descriptions.
| Feature | Description |
|---|---|
| Titles | Step labels with optional descriptions |
| States | Active, completed, and pending visual states |
| Orientation | Horizontal (default) or vertical layout |
Command Palette
Searchable command interface for quick navigation and actions.
The Command Palette provides a searchable overlay for navigating pages, executing actions, and finding content. It opens via keyboard shortcut (Cmd+K / Ctrl+K) and groups items by category.
| Feature | Description |
|---|---|
| Search | Real-time filtering across all items |
| Groups | Categorized results (pages, actions, settings) |
| Keyboard | Arrow keys to navigate, Enter to select |
| Icons | Visual markers for each item type |