Modals

Methods

(inner) ConfirmModal(props) → {React.ReactElement|null}

Source:
Parameters:
Name Type Description
props Object

Propiedades del componente.

Properties
Name Type Description
isOpen boolean

Indica si el modal está abierto o cerrado.
onClose function

Función que se ejecuta para cerrar el modal.
onConfirm function

Función que se ejecuta cuando el usuario confirma la acción.
message string

Mensaje que se muestra en el modal para pedir confirmación.
Returns:

El componente del modal de confirmación o null si no está abierto.

Type
React.ReactElement | null

(inner) FormModal(props) → {React.ReactElement|null}

Source:
Parameters:
Name Type Description
props Object

Propiedades del componente.

Properties
Name Type Description
isOpen boolean

Indica si el modal está abierto o cerrado.
onClose function

Función que se ejecuta para cerrar el modal.
initialValues Object

Valores iniciales del formulario.
validationSchema Object

Esquema de validación de Yup para los datos del formulario.
onSubmit function

Función que se ejecuta al enviar el formulario con los datos.
children function

Función render prop para personalizar el contenido del formulario. Recibe un objeto con las propiedades de Formik (values, handleChange, handleBlur, errors, touched).
Returns:

El componente del modal con el formulario o null si no está abierto.

Type
React.ReactElement | null

(inner) Modal(props) → {React.ReactElement|null}

Source:
Parameters:
Name Type Description
props Object

Propiedades del componente.

Properties
Name Type Description
isOpen boolean

Indica si el modal está abierto o cerrado.
children React.ReactNode

Contenido que se muestra dentro del modal.
Returns:

El componente modal o null si no está abierto.

Type
React.ReactElement | null

Methods

(inner) ConfirmModal(props) → {React.ReactElement|null}

Source:
Parameters:
Name Type Description
props Object

Propiedades del componente.

Properties
Name Type Description
isOpen boolean

Indica si el modal está abierto o cerrado.
onClose function

Función que se ejecuta para cerrar el modal.
onConfirm function

Función que se ejecuta cuando el usuario confirma la acción.
message string

Mensaje que se muestra en el modal para pedir confirmación.
Returns:

El componente del modal de confirmación o null si no está abierto.

Type
React.ReactElement | null

(inner) FormModal(props) → {React.ReactElement|null}

Source:
Parameters:
Name Type Description
props Object

Propiedades del componente.

Properties
Name Type Description
isOpen boolean

Indica si el modal está abierto o cerrado.
onClose function

Función que se ejecuta para cerrar el modal.
initialValues Object

Valores iniciales del formulario.
validationSchema Object

Esquema de validación de Yup para los datos del formulario.
onSubmit function

Función que se ejecuta al enviar el formulario con los datos.
children function

Función render prop para personalizar el contenido del formulario. Recibe un objeto con las propiedades de Formik (values, handleChange, handleBlur, errors, touched).
Returns:

El componente del modal con el formulario o null si no está abierto.

Type
React.ReactElement | null

(inner) Modal(props) → {React.ReactElement|null}

Source:
Parameters:
Name Type Description
props Object

Propiedades del componente.

Properties
Name Type Description
isOpen boolean

Indica si el modal está abierto o cerrado.
children React.ReactNode

Contenido que se muestra dentro del modal.
Returns:

El componente modal o null si no está abierto.

Type
React.ReactElement | null

Methods

(inner) ConfirmModal(props) → {React.ReactElement|null}

Source:
Parameters:
Name Type Description
props Object

Propiedades del componente.

Properties
Name Type Description
isOpen boolean

Indica si el modal está abierto o cerrado.
onClose function

Función que se ejecuta para cerrar el modal.
onConfirm function

Función que se ejecuta cuando el usuario confirma la acción.
message string

Mensaje que se muestra en el modal para pedir confirmación.
Returns:

El componente del modal de confirmación o null si no está abierto.

Type
React.ReactElement | null

(inner) FormModal(props) → {React.ReactElement|null}

Source:
Parameters:
Name Type Description
props Object

Propiedades del componente.

Properties
Name Type Description
isOpen boolean

Indica si el modal está abierto o cerrado.
onClose function

Función que se ejecuta para cerrar el modal.
initialValues Object

Valores iniciales del formulario.
validationSchema Object

Esquema de validación de Yup para los datos del formulario.
onSubmit function

Función que se ejecuta al enviar el formulario con los datos.
children function

Función render prop para personalizar el contenido del formulario. Recibe un objeto con las propiedades de Formik (values, handleChange, handleBlur, errors, touched).
Returns:

El componente del modal con el formulario o null si no está abierto.

Type
React.ReactElement | null

(inner) Modal(props) → {React.ReactElement|null}

Source:
Parameters:
Name Type Description
props Object

Propiedades del componente.

Properties
Name Type Description
isOpen boolean

Indica si el modal está abierto o cerrado.
children React.ReactNode

Contenido que se muestra dentro del modal.
Returns:

El componente modal o null si no está abierto.

Type
React.ReactElement | null