@zddi/modal NPM

React Modal

React based dialog box components, automatic center, adaptive size, support before and after open callback methods

yarn add @zddi/modal

import Modal from "@zddi/modal";
import "@zddi/modal/modal.css";

Property	Type	Default	Description
open	Boolean	false	Whether to open the dialog box
close	Function	-	Close the triggered callback function
loading	Boolean	true	Whether to display loading
children	React Node	-	Used to confine a dialog box content area
footer	React Node	-	Used at the bottom of the configuration dialog
showMask	Boolean	true	Show the mask layer
closeOnEsc	Boolean	true	Whether support press esc to close
closeOnDocumentClick	Boolean	false	Support for clickable document closure
showHeader	Boolean	true	Whether to display the title or not
dragHeader	Boolean	true	Whether dragging is supported
beforeOpen	Function	-	The callback function that fires before the dialog box opens
beforeClose	Function	-	The callback function that fires before the dialog box closes
isForm	Boolean	false	The outer layer is wrapped with the form tag
FormProps	Object	{ }	Attribute of the form tag