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.

Estamos actualizando todas las fichas de los componentes. Para conocer más sobre los lineamientos de uso del componente podés visitar la documentación en Obelisco v.1.

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>

Variantes