Stepper React
Componente Stepper en react del kit USS
1import { 2 Stepper, 3 StepperCircle, 4} from "@ussebastian/kitdigital-react/dist/uss-react.es.js";
Stepper
Este componente encapsula el Stepper descrito en el componente de Stepper.
Stepper.item
Este componente representa un paso del Stepper, y recibe los siguientes props:
Prop | Tipo | default | Descripción |
---|---|---|---|
title | String | - | Titulo del paso |
subtitle | String | - | Sub-titulo del paso |
variant | String | - | Define el tipo de estado del paso. Los valores posibles son: 'success', 'warning', 'error', 'active' y 'final'. |
Ejemplo de uso
Stepper
- Paso 1Paso actual
- Paso 3Aún no visto
- Paso finalAún no visto
1Cargando...
StepperCircle
Este componente encapsula el componente llamado uss-circle-progress descrito en el componente de Stepper.
StepperCircle.item
Este componente representa un paso del Stepper, y recibe los siguientes props:
Prop | Tipo | default | Descripción |
---|---|---|---|
title | String | - | Titulo del paso |
subtitle | String | - | Sub-titulo del paso |
Ejemplo de uso
StepperCircle
1/5
Paso 1
Descripción
1Cargando...