Design System
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 |
|---|---|---|
| badgerequerida | clase | Base de toda etiqueta. |
| badge-green / badge-yellow / badge-red | clase | Color de estado: envío gratis, pocas unidades, sin stock. |
| bg-soft-success text-success | clase | Estado positivo suave, como «Recibido». |
| bg-danger text-white | clase | Descuento. |
| badge-sm bg-primary rounded-circle | clase | Contador redondo, como el del carrito. |