All components
Navigation
SidebarNav
beta
Since 1.1
App-shell sidebar with header, grouped nav sections, and footer; active item marked aria-current.
Navigation
primitive
Display
Documented
import { SidebarNav } from '@ivim/native/components';
When to use
Use when
Primary navigation for a provider tool or dashboard.
Don't use when
A compact set of tabs — use Tabs or SegmentedControl.
Example
Preview
Code
Accessibility
Roles and screen-reader behavior this component provides, plus keyboard interactions.
•
role="navigation"; the active item carries aria-current="page".
State coverage
Interaction and visual states this component supports.
base
semantic color
density
Token references
Semantic design tokens this component page exercises. Tap one to edit it live.
Related components
Components that solve adjacent problems or compose with this one.