Layout
LayoutSidebarNav
Renders a list of navigation items with section headers and dividers.
LayoutSidebarNav
Renders an array of navigation item objects. Items may include section headers (item.section), dividers (item.divider), or regular nav entries delegated to XALayoutSidebarNavItem.
Components
<XALayoutSidebarNav />
Renders an array of navigation item objects. Items may include section headers (item.section), dividers (item.divider), or regular nav entries delegated to XALayoutSidebarNavItem.
<XALayoutSidebarNav
:items="[
{ section: 'Main' },
{ label: 'Dashboard', icon: 'i-lucide-home', to: '/' },
{ divider: true },
{ label: 'Settings', icon: 'i-lucide-settings', to: '/settings' }
]"
:collapsed="false"
color="primary"
text-mode="dark"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
items | Array | [] | Navigation items array |
collapsed | Boolean | false | Collapsed display mode |
color | String | 'primary' | Active item color |
textMode | String | 'dark' | Text color mode: 'light' or 'dark' |
AI Context
component: XALayoutSidebarNav
package: "@xenterprises/nuxt-x-app"
auto-import: true
prefix: XA
use-when: Rendering the navigation list inside XALayoutSidebar or the XALayout nav slot
patterns:
- Items with { section: "Label" } render as a section heading.
- Items with { divider: true } render a horizontal rule.
- Regular items delegate to XALayoutSidebarNavItem.