Layout
LayoutBreadcrumbs
Auto-generates breadcrumbs from the current route or accepts a manual items array.
LayoutBreadcrumbs
Accessible breadcrumb trail. When auto is true and no items are provided, it auto-generates crumbs from the current route path.
Components
<XALayoutBreadcrumbs />
Accessible breadcrumb trail. When auto is true and no items are provided, it auto-generates crumbs from the current route path.
<!-- Auto-generated from route -->
<XALayoutBreadcrumbs />
<!-- Manual items -->
<XALayoutBreadcrumbs :items="[{ label: 'Home', to: '/' }, { label: 'Settings' }]" />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
items | Array | [] | Manual breadcrumb items: [{ label, to? }] |
auto | Boolean | true | Auto-generate from route path when items is empty |
AI Context
component: XALayoutBreadcrumbs
package: "@xenterprises/nuxt-x-app"
auto-import: true
prefix: XA
use-when: Breadcrumb navigation trail in the header or page header; XALayoutHeader and XALayoutPageHeader compose this automatically
patterns:
- With auto=true (default), breadcrumbs are generated from the URL path segments — no config required.
- Pass items manually to override auto-generated crumbs.