Demo Step
Stepper animado del flujo de la plataforma Nidus. Avanza automáticamente cada interval ms mostrando cada paso en estado active. En desktop todos los pasos son visibles; en mobile es un carrusel que centra el paso activo. Internamente usa DemoStepItem para cada elemento.
Por Defecto
Los 4 pasos del flujo Nidus con avance automático de 1 segundo.
Carga de documentación
El propietario carga la obra y la documentación.
Revisión
El arquitecto revisa, aprueba o solicita correcciones para iniciar la obra.
Control de obra
Portería controla ingresos. Arquitecto realiza inspecciones y administracion controla el proceso.
Registro del proceso
Todo queda registrado por propiedad automáticamente.
Carga de documentación
El propietario carga la obra y la documentación.
Revisión
El arquitecto revisa, aprueba o solicita correcciones para iniciar la obra.
Control de obra
Portería controla ingresos. Arquitecto realiza inspecciones y administracion controla el proceso.
Registro del proceso
Todo queda registrado por propiedad automáticamente.
Intervalo Personalizado
Podés ralentizar o acelerar el ciclo con la prop interval (en ms).
Carga de documentación
El propietario carga la obra y la documentación.
Revisión
El arquitecto revisa, aprueba o solicita correcciones para iniciar la obra.
Control de obra
Portería controla ingresos. Arquitecto realiza inspecciones y administracion controla el proceso.
Registro del proceso
Todo queda registrado por propiedad automáticamente.
Carga de documentación
El propietario carga la obra y la documentación.
Revisión
El arquitecto revisa, aprueba o solicita correcciones para iniciar la obra.
Control de obra
Portería controla ingresos. Arquitecto realiza inspecciones y administracion controla el proceso.
Registro del proceso
Todo queda registrado por propiedad automáticamente.
Pasos Personalizados
La prop steps acepta cualquier arreglo de DemoStepData para adaptarlo a otro flujo.
Carga de documentación
El propietario carga la obra y la documentación.
Revisión
El arquitecto revisa, aprueba o solicita correcciones para iniciar la obra.
Control de obra
Portería controla ingresos. Arquitecto realiza inspecciones y administracion controla el proceso.
Registro del proceso
Todo queda registrado por propiedad automáticamente.
Carga de documentación
El propietario carga la obra y la documentación.
Revisión
El arquitecto revisa, aprueba o solicita correcciones para iniciar la obra.
Control de obra
Portería controla ingresos. Arquitecto realiza inspecciones y administracion controla el proceso.
Registro del proceso
Todo queda registrado por propiedad automáticamente.
Composición con DemoStepItem
DemoStep es un orquestador — delega la presentación de cada paso a DemoStepItem. Podés usar DemoStepItem directamente si necesitás un paso estático o un estado fijo.
Carga de documentación
El propietario carga la obra y la documentación.
Revisión
El arquitecto revisa, aprueba o solicita correcciones.
Control de obra
Portería controla ingresos y el arquitecto realiza inspecciones.
Registro del proceso
Todo queda registrado por propiedad automáticamente.
Props
| Prop | Tipo | Default | Descripción |
|---|---|---|---|
steps | DemoStepData[] | flujo Nidus | Arreglo de pasos a renderizar. Omitirlo usa los 4 pasos estándar del flujo Nidus. |
interval | number | 1000 | Tiempo en ms entre avances automáticos de paso. |
className | string | undefined | Clases adicionales para el contenedor raíz. |
Tipo DemoStepData
| Campo | Tipo | Descripción |
|---|---|---|
icon | ReactNode | Elemento de ícono. Lucide icons o SVGs que respeten currentColor. |
title | string | Título del paso. |
description | string | Descripción breve del paso. |