Design SystemProduct grid
Grilla de hasta cinco tarjetas de producto de las ofertas o de las novedades.
GitHub
Storybook
FigmaVariantes
El componente real, en vivo. Con «Inspeccionar» ves las propiedades y los tokens de cada parte.
Componente real de la tienda, publicado en Storybook.
Abrir en StorybookProps
| Prop | Tipo | Descripción |
|---|---|---|
| productsrequerida | Product[] | Catálogo completo: el componente elige cuáles mostrar. |
| type | "ofertas" | "novedades" | `ofertas`: productos con la categoría «ofertas». `novedades`: productos con `isFeatured`. |
| openProduct | (slug) => void | Se llama al elegir un producto. |