Modal

El componente Modal es un componente que muestra una modal.

Ejemplo

Importacion

Para importar el componente Modal, se puede hacer desde fenextjs o fenextjs-component

import { Modal, ModalProps } from "fenextjs/cjs/component/Modal/Modal";

o

import { Modal, ModalProps } from "fenextjs-component/cjs/Modal/Modal";

Parametros

ParametroTipoRequeridoDefaultDescripcion
childrenReactNodeContenido del modal.
type "top" | "left" | "right" | "bottom" | "center" | "full" | "layout-grid"NoTipo de modal.
activebooleanNoIndica si el modal está activo.
onClose() => voidNoFunción a llamar cuando se cierra el modal.
_tstringNoPropiedad de internacionalización.
ElementActionModalActiveReactNodeNoElemento con onClick para activar el modal.
onActive() => voidNoFunción a llamar cuando se activa el modal.
classNamestringNoClase personalizada para el modal.
styleCSSPropertiesNoEstilos personalizados para el modal.

Storybook

Para ver el storybook del componente lo puede hacer con este link (opens in a new tab)

Usos

  • Uso básico del componente Modal
<Modal />