NavRail
Narrow icon-only nav rail — Items: IList<NavRailItem>
SSR mode
Examples
Default
Rail sits to the left of page content.
API
The element family below can be composed together. Click an element to jump to its properties.
| Element | Purpose |
|---|---|
| NavRail | Narrow icon-only nav rail. A fixed-width <aside> column of icon-only links. Each item exposes a title/aria-label for screen readers and on hover. Wrapper-styling. **Design choice:** the rail takes its own IList<NavRailItem> rather than wrapping NavListItems — this keeps it independent of the NavListItem row-mode styling. |
| NavRailItem | Record describing one rail item. |
NavRail
Narrow icon-only nav rail. A fixed-width <aside> column of icon-only links. Each item exposes a title/aria-label for screen readers and on hover. Wrapper-styling. **Design choice:** the rail takes its own IList<NavRailItem> rather than wrapping NavListItems — this keeps it independent of the NavListItem row-mode styling.
| Property | Type | Required | Description |
|---|---|---|---|
| Items | IList<NavRailItem>? | Sequential rail items. | |
| Borders | bool | Toggles border-r border-border. Default: true. | |
| Gutters | bool | Toggles px-1 py-2 gap-1 on the inner column. Default: true. | |
| BgFilled | bool | Toggles bg-background. Default: true. |
NavRailItem
Record describing one rail item.
| Property | Type | Required | Description |
|---|---|---|---|
| IconSvg | string | Icon SVG path (use IconSvg.X). | |
| Label | string | Accessible label (rendered as title and aria-label; not visible). | |
| Href | string | Anchor href. | |
| Active | bool | When true, applies the active-state visual. |