co-media-thumb
This content is not available in your language yet.
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.