react-modal-aziza
v1.2.0
Published
React Modal library
Downloads
16
Maintainers
Readme
react-modal-aziza
Made with create-react-library
Install
npm install --save react-modal-aziza
Modal props
| Name | type | feature
| ----------- | ------------------ | ----------------------------
| message | string (optional) | text to display on the modal
| btnClose | Boolean (optional) | display close button
| btnStyle | Object (optional) | style close button and cross
| modalStyle | Object (optional) | style the modal
| isOpenModal | boolean | state of the modal
| onClose | function | function close Modal
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