SidebarButton
One row inside a sidebar: icon, label, active state.
One row in a sidebar. active marks the current destination — exactly one row in a nav should have it.
Default
Props
SidebarButton
| Prop | Type | Default | Description |
|---|---|---|---|
label | ReactNode | — | Required. The row's text — this is a prop, not children. |
active | boolean | false | Marks the current destination. |
icon | ReactNode | — | Leading icon, sized 16. |
href | string | — | Renders a link instead of a button; external URLs are detected. |
rightSlot | ReactNode | — | Trailing content — a count, a badge. |
disabled | boolean | false | Renders the row unavailable. |
comingSoon | boolean | false | Unavailable, but styled as not-yet rather than disabled. |
ariaCurrent | "page" | "step" | "location" | "date" | "time" | boolean | — | Sets `aria-current` for the active destination. |
target / rel | AnchorHTMLAttributes | — | Forwarded when `href` is set. |