Dialogos base
Dialogos base
ID: CAT-B-DIALOGSPrimitivas de dialog. Todos los dialogos del proyecto extienden estos 6. Prop maxWidth permite ajustar el ancho (default: 500px).
DialogConfirm (confirmacion neutra)
Confirmacion neutra (default)DialogConfirm
Elementos baseBotonBasico (primario, secundario)IconLazyMotionProvider
Confirmar accion
Se aplicaran los cambios.
DialogSuccess (exito con countdown)
Dialogo de exitoDialogSuccess
Elementos baseBotonCounter (primario)IconLazyMotionProvider
Accion completada
Cambios aplicados correctamente.
DialogError (error con countdown)
Dialogo de errorDialogError
Elementos baseBotonCounter (primario)IconLazyMotionProvider
No se pudo completar
No se pudieron aplicar los cambios.
DialogConfirmDelete (eliminacion)
Confirmacion de eliminacion (default)DialogConfirmDelete
Elementos baseBotonBasico (peligro, secundario)IconLazyMotionProvider
Eliminar recurso
Esta accion no se puede deshacer.
Dialogo con header y footer
DefaultDialogConfiguracion
Elementos baseLazyMotionProviderIcon (@iconify/react)BotonBasico (primario, secundario)
Titulo del dialogo
Subtitulo o descripcion breve
Este es el contenido principal del dialogo. Puede contener texto, formularios, listas u otros elementos segun el contexto.
El area de contenido es scrollable cuando excede la altura maxima del dialogo.
Loading (isProcessing)DialogConfiguracion
Elementos baseBotonBasico isLoadingBotonBasico disabled
Titulo del dialogo
Subtitulo o descripcion breve
El boton primario muestra un spinner y ambos botones se deshabilitan mientras se procesa la accion.
DisabledDialogConfiguracion
Elementos baseBotonBasico disabled
Titulo del dialogo
Subtitulo o descripcion breve
Ambos botones se deshabilitan cuando el formulario no es valido o no se puede enviar.