SidebarNavItem
Render a navigation link or button with optional icon and badge.
SidebarNavItem renders an anchor when href is set and a button otherwise. active applies selected styling and aria-current="page". Omit icon to remove the icon column.
Import
import { SidebarNavItem } from "@solarius/onset";Props
| Prop | Type | Default | Description |
|---|---|---|---|
icon | ReactNode | — | Icon displayed before the label. |
children | ReactNode | — | Label text. |
active | boolean | — | Highlights the item as the current page. |
count | ReactNode | — | Count badge displayed on the right. |
countTone | "default" | "warn" | "default" | Accent color for the count badge. |
href | string | — | If provided, renders as an <a> instead of a <button>. |