nav Navigation
A navigation link list. Items are comma-separated strings. One item may carry `active`.
Live example Open in editor ↗
Modifiers
| Modifier | Effect |
|---|---|
active | Highlights the item with blue text and a left border accent (applied per item, not to the nav itself) |
Children
This is a leaf component — it does not accept children.
Notes
The `active` modifier goes directly after the item label, before the comma: `nav "Home" active, "About"`. Orientation comes from context, not modifiers: `nav` renders horizontally inside a `header` and vertically inside a `sidebar`.