Generic list item for sidebar nav, dropdown menus, selection lists.
Ver código
<co-list-item label="Ejemplo"></co-list-item>
Props
| Prop | Atributo | Tipo | Default | Descripción |
|---|
dense | dense | boolean | false | Compact variant — tighter padding + smaller radius for dropdowns / menus
(the default size is tuned for sidebar nav rows). |
description | description | string | undefined | — | Secondary / description text |
disabled | disabled | boolean | false | Disabled state |
icon | icon | string | undefined | — | Leading Phosphor icon |
label | label | string | undefined | — | Primary label |
selected | selected | boolean | false | Whether the item is selected / active |
Eventos
| Evento | Detail | Bubbles | Cancelable | Descripción |
|---|
coSelect | void | ✓ | ✓ | Emitted when item is clicked |
Slots
| Slot | Descripción |
|---|
(default) | Main content (default slot) |
prefix | Leading content (icon, checkbox, avatar) |
suffix | Trailing content (icon, badge, action) |
CSS Parts
| Part | Descripción |
|---|
::part(item) | |
CSS Custom Properties
Este componente no expone CSS custom properties.