co-media-thumb
Región de previsualización de media. Renderiza una imagen de cubierta cuando se define src, una superposición oscura con botón de reproducción cuando video es verdadero, y contenido del slot por defecto (p. ej. una ficha de tipo) cuando no hay src.
Ver código
<co-media-thumb src="https://picsum.photos/seed/cobalt/400/300" height="132px" radius="10"></co-media-thumb>Props
| Prop | Atributo | Tipo | Default | Descripción |
|---|---|---|---|---|
alt | alt | string | undefined | — | Alternative text for the image. |
height | height | number | string | '132px' | Height of the region. Accepts a CSS length or a bare number (→ px). |
radius | radius | number | 10 | Corner radius in px. |
src | src | string | undefined | — | Image source URL. When set, a cover image is rendered. |
video | video | boolean | false | Show the video overlay (dark scrim + centered play button). |
Eventos
Este componente no emite eventos personalizados.
Slots
| Slot | Descripción |
|---|---|
(default) | Fallback content shown when `src` is not set (e.g. a type-icon box). |
CSS Parts
| Part | Descripción |
|---|---|
::part(img) | |
::part(play) | |
::part(scrim) | |
::part(thumb) |
CSS Custom Properties
Este componente no expone CSS custom properties.