co-breadcrumb
This content is not available in your language yet.
Muestra la ruta jerárquica hasta la vista actual. Se compone con elementos co-breadcrumb-item en el slot por defecto (o pasándolos como JSON en la prop items); el separator se propaga a cada crumb.
Ver código
<co-breadcrumb>
<co-breadcrumb-item label="Mi unidad" value="root" icon="cloud"></co-breadcrumb-item>
<co-breadcrumb-item label="Proyectos" value="projects"></co-breadcrumb-item>
<co-breadcrumb-item label="2026" value="2026" current></co-breadcrumb-item>
</co-breadcrumb>Props
| Prop | Atributo | Tipo | Default | Descripción |
|---|---|---|---|---|
items | items | string | undefined | — | Optional JSON array to auto-render crumbs instead of using the slot, e.g. `[{ "label": "Mi unidad", "icon": "cloud", "value": "root" }]`. The last entry is marked `current`. When set, slotted children are ignored. |
separator | separator | string | 'caret-right' | Icon name (Phosphor) for the separator between crumbs. Propagated to slotted `co-breadcrumb-item` children. |
Eventos
Este componente no emite eventos personalizados.
Slots
Este componente no expone slots.
CSS Parts
| Part | Descripción |
|---|---|
::part(breadcrumb) |
CSS Custom Properties
Este componente no expone CSS custom properties.