co-breadcrumb-item
This content is not available in your language yet.
Representa un paso del rastro de navegación. Admite un icono opcional a la izquierda y marca la página actual con current; al hacer clic (o con Enter/Espacio) emite coSelect con su value. Se usa como hijo de co-breadcrumb.
Ver código
<co-breadcrumb-item label="Mi unidad" icon="cloud"></co-breadcrumb-item>
<co-breadcrumb-item label="Documento" current></co-breadcrumb-item>Props
| Prop | Atributo | Tipo | Default | Descripción |
|---|---|---|---|---|
current | current | boolean | false | Marks this crumb as the current (last) page — medium weight + text-default ink. |
icon | icon | string | undefined | — | Optional leading icon (Phosphor name), size 16, inherits the crumb color. |
label | label | string | undefined | — | Text shown in the crumb. |
separator | separator | string | 'caret-right' | Leading separator icon (size 13, gray-400). Hidden on the first crumb via CSS. Set by the parent `co-breadcrumb`; defaults to `caret-right`. |
value | value | string | undefined | — | Value emitted by `coSelect`. Falls back to `label` when unset. |
Eventos
| Evento | Detail | Bubbles | Cancelable | Descripción |
|---|---|---|---|---|
coSelect | string | ✓ | ✓ | Fired on click / Enter / Space with `value || label`. Bubbles + composed so consumers can listen on the parent `co-breadcrumb`. |
Slots
Este componente no expone slots.
CSS Parts
| Part | Descripción |
|---|---|
::part(breadcrumb-item) | |
::part(content) |
CSS Custom Properties
Este componente no expone CSS custom properties.