modal-dialog-component

A vuejs, reactjs modal dialog component.

#### features

+ vuejs component
+ reactjs component
+ custom component

#### install

npm i modal-dialog-component

#### link css

``html

`

#### vuejs component demo

npm i vue vue-class-component

`ts
import "modal-dialog-component/vue";
`

`html


`

the online demo: https://plantain-00.github.io/modal-dialog-component/demo/vue/index.html

#### reactjs component demo

`ts
import { ModalDialog } from "modal-dialog-component/react";
`

`jsx


`

the online demo: https://plantain-00.github.io/modal-dialog-component/demo/react/index.html

#### properties and events of the component

name | type | description
--- | --- | ---
data | ModalDialogData[] | the data of the modal-dialog

#### modal-dialog data structure

`ts
type ModalDialogData = {
component: string | Function; // the item component, for vuejs, it is the component name, for reactjs, it is the class object
data: any; // the data will be passed to the component as data props
};
``