componente · @solu30/ui-kit/navigation
SidebarNavGroups
El componente, montado
Cargando el componente del paquete instalado…
Cargando el chunk del paquete instalado…
De dónde se importa
import { SidebarNavGroups } from '@solu30/ui-kit/navigation'Props
| Prop | Requerida | Tipo | Qué hace |
|---|---|---|---|
| groups | opcional | SidebarNavGroup[] | Navigation groups containing items (primary API). |
| items | opcional | SidebarNavItem[] | Flat items shorthand — automatically wrapped in a single unlabeled group. |
| activeItemId | opcional | string | ID of the currently active item (also drives childGroups auto-expand). |
| collapsed | opcional | boolean | Whether to render in collapsed (icon-only) mode. |
| onItemClick | opcional | (item: SidebarNavItem) => void | Callback when a nav item is clicked. |
| appearance | opcional | "boxed" | "plain" | Visual style variant — see {@link SidebarNavigationProps.appearance}. |
| className | opcional | string | Additional class names for the outer `<nav>` element. |
| ariaLabel | opcional | string | Accessible name for the `<nav>` landmark. Override when composing multiple instances on one page so each landmark stays uniquely named (a11y: `landmark-unique`). Defaults to `"Sidebar navigation"`. |