react-modal-aziza v1.2.0

react-modal-aziza

Made with create-react-library

Install

npm install --save react-modal-aziza

Modal props

Usage

btnStyle

• btnBackgroundColor (string): background color of the cross and close button

• btnTextColor (string): color of the text inside buttons

modalStyle

• modalBackground (string): background color of the Modal

• modalTextColor(string): color of the text inside modal

Exemple

import React, { useState } from 'react'

import Modal from 'react-modal-aziza'
import 'react-modal-aziza/dist/index.css'

const App = () => {
  const [modalDisplayed, setIsDisplayed] = useState(true)
  const toggleModal = () => setIsDisplayed(!modalDisplayed)
  return <Modal
    isOpenModal={modalDisplayed}
    onClose={toggleModal}
    message='Employee created !'
    btnClose
    btnStyle={{ btnBackgroundColor: 'yellow', btnTextColor: '#000' }}
    modalStyle={{ modalBackground: '#000', modalTextColor: '#fff' }}
  />
}

export default App

License

MIT © azizahamime