Imagen
El componente Image es un contenedor para imágenes responsivas.
Playground
Props
Ejemplos
Tamaños Cuadrados Fijos
Imágenes Responsivas con Ratios
16 por 9
4 por 3
1 por 1
Props
| Prop | Tipo | Predeterminado | Descripción |
|---|---|---|---|
alt | string | - | El texto alternativo accesible (requerido). |
className | string | - | Clases CSS adicionales. |
preload | boolean | false | Precarga la imagen. |
quality | number | 80 | La calidad de la imagen (1-100). |
ratio | ThemeImageRatio | - | Establece el aspecto de la imagen. |
rounded | boolean | false | Aplica bordes redondeados a la imagen. |
size | ThemeImageSize | { w: number; h: number } | - | Establece el tamaño del contenedor de la imagen. |
src | string | - | La URL de origen de la imagen. |
zoom | boolean | false | Habilita el clic en la imagen para abrirla en una vitrina. |
Ver también
Last updated on