Footer de acciones pensado para el pie de paneles desplegables y listas (co-popover, co-combobox, …). Renderiza uno o dos botones de ancho completo con el diseño estándar de footer; usa las props para las acciones primaria y secundaria comunes, o el slot por defecto para contenido totalmente personalizado. Normalmente se coloca dentro de un contenedor de panel.
Ver código
<co-list-footer secondary-label="Cancelar" primary-label="Crear"></co-list-footer>
Props
| Prop | Atributo | Tipo | Default | Descripción |
|---|
primaryIcon | primary-icon | string | 'plus' | Primary action leading icon (Phosphor). Set to '' to hide the icon. |
primaryLabel | primary-label | string | undefined | — | Primary (filled) action label. Omit to hide the primary button. |
secondaryIcon | secondary-icon | string | 'plus' | Secondary action leading icon (Phosphor). Set to '' to hide the icon. |
secondaryLabel | secondary-label | string | undefined | — | Secondary (outlined) action label. Omit to hide the secondary button. |
Eventos
| Evento | Detail | Bubbles | Cancelable | Descripción |
|---|
coPrimary | void | ✓ | ✓ | Emitted when the primary action is clicked. |
coSecondary | void | ✓ | ✓ | Emitted when the secondary action is clicked. |
Slots
| Slot | Descripción |
|---|
(default) | Custom footer content (rendered after the prop buttons). |
CSS Parts
| Part | Descripción |
|---|
::part(footer) | |
CSS Custom Properties
Este componente no expone CSS custom properties.
