Stepper

Indicador de pasos horizontal — un nodo por paso, unidos por una línea continua, con el label debajo de cada uno. Un paso Done es un círculo sólido semantic-success.solid con un check; el paso Active (el actual) es un círculo más grande, tinte semantic-success.surface con anillo semantic-success.solid, mostrando su propio número en vez de un ícono; Pending muestra ese mismo número sobre un fondo neutro surface.background-secondary. Un segmento de línea se pinta semantic-success.solid una vez que el paso siguiente fue alcanzado (Active o Done); si no, se queda gris.

Uso

✓

Cuenta

Workspace

Listo

Web
Compose Multiplatform

No hay elemento web todavía — ver la nota arriba.

OrbitStepper(
    steps = listOf(
        OrbitStep("Cuenta", OrbitStepState.Done),
        OrbitStep("Workspace", OrbitStepState.Active),
        OrbitStep("Listo", OrbitStepState.Pending),
    ),
)

Props

Prop	Tipo	Default	Descripción
`steps`	`List<OrbitStep>`	—	`{ label, state }`, `state` es `Pending` / `Active` / `Done`.