Estilos

Componentes

Formularios

Organismos

Pasos de un formulario

Es un indicador de progreso que muestra visualmente los pasos de las acciones del usuario en un formulario. Los ayuda a comprender la progresión de los formularios largos y reduce la incertidumbre a medida que completan cada pantalla.

Si quieres conocer las buenas prácticas de uso del componente, puedes visitar el siguiente enlace.

Pasos de un formulario

Nombre del paso

Paso siguiente: Nombre del paso 3

Paso 2 de 5

<div className="stepper-content">
  <div className="stepper">
    <h2 className="step-title">Nombre del paso</h2>
    <p className="step-subtitle">Paso siguiente: Nombre del paso 3</p>
    <div className="steps">
      <div className="steps-items">
        <div className="steps-item active"></div>
        <div className="steps-item active"></div>
        <div className="steps-item"></div>
        <div className="steps-item"></div>
        <div className="steps-item"></div>
      </div>
      <span className="steps-detail">Paso 2 de 5</span>
    </div>
  </div>
</div>

Navegación de pie de página