@atmgrupomaggioli/iris-stepper v1.0.0
iris-stepper
Overview
Está diseñado para dividir el contenido en una serie de pasos lógicos o secciones, generalmente presentados como paneles o pestañas. Cada paso representa una etapa del proceso o una sección del contenido que el usuario debe completar o revisar.
Guía al usuario a través de estos pasos de manera secuencial, proporcionando una experiencia de navegación clara y estructurada. A medida que el usuario avanza, el indicador correspondiente al paso actual se resalta para indicar dónde se encuentra en el proceso.o para dividir el contenido en una serie de pasos lógicos o secciones, generalmente presentados como paneles o pestañas. Cada paso representa una etapa del proceso o una sección del contenido que el usuario debe completar o revisar.
Además, el contenido asociado con cada paso se muestra de manera dinámica, permitiendo al usuario interactuar con él según sea necesario, como completar formularios, revisar información o realizar selecciones.o para dividir el contenido en una serie de pasos lógicos o secciones, generalmente presentados como paneles o pestañas. Cada paso representa una etapa del proceso o una sección del contenido que el usuario debe completar o revisar.
Este tipo de stepper es comúnmente utilizado en aplicaciones donde se requiere una secuencia específica de acciones para completar una tarea, como procesos de registro, configuración de perfiles, formularios de múltiples pasos, entre otros.
Proporciona una estructura intuitiva y orientada a objetivos que facilita la navegación y la finalización exitosa de la tarea por parte del usuario.
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
stepsConfig (required) | steps-config | Configuración de los pasos. | StepConfig[] | undefined |
Built with StencilJS
🧩 Exported Types
StepConfig
| Prop | Type | Description | Default |
|---|---|---|---|
step (required) | number | Número del step | — |
title (required) | string | Título del step | — |
callback (required) | (stepConfig: StepConfig) => boolean | Ejecuta una función antes de pasar al siguiente paso. @returns true = Siguiente paso / false = No pasa al siguiente paso. | — |
extraButtons | FooterButtonConfig[] | Configuración de los botones que se pueden añadir al footer. | — |
5 months ago