All components
Navigation
Nav item
A vertical nav row with a glass hover and a yellow keyline when active.
Preview
Preview
light
dark
Code
<NavItem active icon={<Boxes size={15} />}>Components</NavItem>
<NavItem icon={<Palette size={15} />}>Foundations</NavItem>Import from @/components/ui.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
active | boolean | false | Active state + keyline. |
icon | ReactNode | — | Leading icon. |