mdm-simple-modal

react component of a modal to display text

Install

npm install --save mdm-simple-modal

Usage

import React, { Component } from 'react'

import {SimpleModal, openModal} from 'mdm-simple-modal'
import 'mdm-simple-modal/dist/index.css'

class Example extends Component {
  render() {
    return <SimpleModal text='Hello World !'  />
  }
}

Options

Add options

import React, { Component } from 'react'

import {SimpleModal, openModal} from 'mdm-simple-modal'
import 'mdm-simple-modal/dist/index.css'

class Example extends Component {
  render() {
    return <SimpleModal text='Hello World !' image='./dog.jpg' options={{bgColor:'red',width:'100%',height:'70%', imgUrl:dsn}}/>
  }
}

Available options

|option |type |default| |--- |--- |--- | |bgColor |String |White | |height |String |50px | |width |String |500px | |maskBgColor |String |gray | |maskBgOpacity |String |1 | |height |String |70% | |imgUrl |String | | |zindex |String | 10 |

License

MIT © melaniemdm