co-empty-state
This content is not available in your language yet.
Empty state placeholder — icon, title, description, and action buttons.
Ver código
<co-empty-state heading="Sin resultados" description="No encontramos lo que buscas"></co-empty-state>Props
| Prop | Atributo | Tipo | Default | Descripción |
|---|---|---|---|---|
description | description | string | undefined | — | Descriptive text |
heading | heading | string | undefined | — | Main title |
icon | icon | string | undefined | — | Phosphor icon name |
iconWeight | icon-weight | "bold" | "duotone" | "fill" | "light" | "regular" | "thin" | undefined | — | Phosphor icon weight. Defaults to `light` (plain) / `regular` (card) when unset. |
size | size | "l" | "m" | 'm' | Size scale. `l` grows the medallion (98px) and heading (24/500). |
variant | variant | "card" | "plain" | 'plain' | Visual style: `plain` (default, current behavior) or `card` (framed white card). |
Eventos
Este componente no emite eventos personalizados.
Slots
| Slot | Descripción |
|---|---|
(default) | Action buttons |
CSS Parts
| Part | Descripción |
|---|---|
::part(empty-state) |
CSS Custom Properties
Este componente no expone CSS custom properties.