Componente Modal React

Componente en react de modales del kit USS


1import {
2  ModalComponent,
3  ModalBody,
4  ModalFooter,
5} from "@ussebastian/kitdigital-react/dist/uss-react.es.js";

Es el componente principal del modal, encapsula los otros dos componentes <ModalBody> y <ModalFooter> y es el que maneja el comportamiento del modal, <ModalComponent> es un componente controlado, lo que significa que recibe como props el estado del modal (isOpen) y una función que cambia el estado del modal (setOpen).

Prop	Tipo	default	Descripción
isOpen	Boolean state	false	Define si el modal esta abierto o cerrado
setOpen	Setter function	-	Función que cambia el estado de isOpen
children	JSX	-	Contenido del modal

Es el componente que contiene el contenido del modal, Tiene una funcion semantica, tambien encapsula el ícono del modal, recibe como props:

Prop	Tipo	default	Descripción
iconVariant	string	-	Define el tipo de ícono que se muestra en el modal, puede ser: 'success', 'error', 'warning', 'info'
children	JSX	-	Contenido dentro del body del modal

Es el componente que contiene los botones del modal, tiene una funcion semantica.

Ejemplo de uso

1Cargando...

Contenido

Componente Modal React

Modal Component

Modal Body

Modal Footer

Ejemplo de uso