Design SystemProduct card
Card de producto en grillas y listados, con favorito, vista rápida y agregar al carrito.
GitHub
Storybook
FigmaAnatomía
Cada número es una parte del componente real: hacé clic para ver sus propiedades y tokens.
Hacé clic en un número para ver las propiedades y los tokens de esa parte.
Variantes
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 |
|---|---|---|
| productrequerida | Product | Producto a mostrar (id, slug, title, price, image, stock…). |
| openProductrequerida | (slug) => void | Se llama con el slug al abrir el producto. |