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
Parametro | Tipo | Requerido | Default | Descripcion |
---|---|---|---|---|
children | ReactNode | Sí | Contenido del modal. | |
type | "top" | "left" | "right" | "bottom" | "center" | "full" | "layout-grid" | No | Tipo de modal. | |
active | boolean | No | Indica si el modal está activo. | |
onClose | () => void | No | Función a llamar cuando se cierra el modal. | |
_t | string | No | Propiedad de internacionalización. | |
ElementActionModalActive | ReactNode | No | Elemento con onClick para activar el modal. | |
onActive | () => void | No | Función a llamar cuando se activa el modal. | |
className | string | No | Clase personalizada para el modal. | |
style | CSSProperties | No | Estilos 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 />