Design SystemProgress
Barra de avance de 4 px, como la de la distribución de puntajes de las reseñas.
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.
Default
Componente real de la tienda, publicado en Storybook.
Abrir en StorybookProps
| Prop | Tipo | Descripción |
|---|---|---|
| progressrequerida | clase | Contenedor de la barra; el alto se fija con `style`. |
| progress-barrequerida | clase | La parte llena; el ancho es el porcentaje. |