Modal
React based dialog box components, automatic center, adaptive size, support before and after open callback methods
Install
yarn add @dengyongchao/modal
Usage Modal
import Modal from "@dengyongchao/modal";
import "@dengyongchao/modal/modal.css";
API
| 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 |
| closeOnDcumentClick | Boolean | false | Support for clickable document closure |
| showHeader | Boolean | true | Whether to display the title or not |
| drapHeader | 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 |