NavListItem
Single nav row — Href, IconSvg, Label, Active, Badge, OnClick
SSR mode
Examples
API
The element family below can be composed together. Click an element to jump to its properties.
| Element | Purpose |
|---|---|
| NavListItem | Single nav row with optional leading icon, label, optional trailing badge, and active-state visual. Rendered as <a> when Href is set, <button> when OnClick is set with no Href. Active state uses bg-neutral-bg text-foreground font-medium. As a single inline element it doesn't expose the wrapper-styling parameters (Borders/Gutters/HeaderAlignment/BgFilled) — those apply to chunks with region wrappers. |
NavListItem
Single nav row with optional leading icon, label, optional trailing badge, and active-state visual. Rendered as <a> when Href is set, <button> when OnClick is set with no Href. Active state uses bg-neutral-bg text-foreground font-medium. As a single inline element it doesn't expose the wrapper-styling parameters (Borders/Gutters/HeaderAlignment/BgFilled) — those apply to chunks with region wrappers.
| Property | Type | Required | Description |
|---|---|---|---|
| Href | string? | Anchor href. When set, the item renders as <a>. | |
| IconSvg | string? | Leading icon (SVG path string). Use members of the IconSvg static class (e.g. IconSvg.Account). | |
| Label | string | Visible row text. | |
| Active | bool | When true, the row uses the active-state visual: bg-neutral-bg text-foreground font-medium. Default: false. | |
| Badge | string? | Optional trailing badge label rendered via the Badge primitive. | |
| OnClick | EventCallback | Click handler. When set with no Href, the item renders as <button>. |