className | string | Partial<Record<"footer" | "header" | "navigationRail" | "menuIcon" | "segments", string>> | ClassNameComponent<NavigationRailInterface> | No | — | Root classes (string), static element classes (object), or state-aware element classes (function). |
variant | "standard" | "modal" | No | 'standard' | Visual density of the rail; `modal` is meant for a temporary overlay presentation. |
selectedItem | number | No | — | Controlled index of the selected item. |
extended | boolean | No | — | Controlled extended state of the rail. |
defaultExtended | boolean | No | — | Initial extended state when uncontrolled. |
alignment | "middle" | "top" | No | 'top' | Vertical distribution of items: `top`-anchored or `middle` of the rail. |
menu | { closed: NavigationRailMenuState; opened: NavigationRailMenuState; } | No | { closed: { icon: iMenu, label: 'Open menu', }, opened: { icon: iClose, label: 'Close menu', }, } | Icon and label shown by the menu toggle button in each extended/closed state. |
footer | ReactNode | No | — | Content pinned below the item list (e.g. an account or sign-out action). |