Cargando documentación…
NotHeadless UI
ProductGallery
Imagen principal con miniaturas. Dentro de un ProductProvider cambia a la imagen de la variante seleccionada.
Ejemplo interactivo con datos de muestra. Sin conexión a una tienda real.
<ProductGallery priority /> // dentro de ProductProvider
<ProductGallery images={product.images} alt={product.name} activeImageId={id} />Props
| Prop | Tipo | Descripción |
|---|---|---|
| images | ProductImage[] | Por defecto, las imágenes del producto del contexto. |
| activeImageId | number | null | Imagen controlada. |
| priority | boolean | Precarga la imagen principal (LCP). |