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:

PropTipodefaultDescripción
titleString-Titulo del paso
subtitleString-Sub-titulo del paso
variantString-Define el tipo de estado del paso. Los valores posibles son: 'success', 'warning', 'error', 'active' y 'final'.

Ejemplo de uso

Stepper
  • Paso 1
    Paso actual
  • Paso 3
    Aún no visto
  • Paso final
    Aú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:

PropTipodefaultDescripción
titleString-Titulo del paso
subtitleString-Sub-titulo del paso

Ejemplo de uso

StepperCircle
1/5
Paso 1

Descripción

1Cargando...

Contenido