0.1.0 • Published 1 year ago
react-modal-youssef v0.1.0
Modal
Install
Install using npm install react-modal-youssef
Usage
In a React app, use the Modal components:
import { Modal } from 'react-modal-youssef'
Modal props
Name | Description |
---|---|
backdrop | Boolean (optional) |
darkTheme | Boolean (optional) |
btnClose | Boolean (optional) |
crossClose | Boolean (optional) |
onClose | function |
isOpen | Boolean |
Exemple
import React, { useState } from "react";
import { Modal } from "react-modal-youssef";
function App() {
const [isOpen, setIsOpen] = useState(false);
const toggleModal = () => setIsOpen(!isOpen);
return (
<>
<main>
<button className="btn-click" onClick={toggleModal}>
CLICK ME
</button>
<Modal isOpen={isOpenModal} backdrop crossClose onClose={toggleModal}>
<p>Success! 🥳</p>
</Modal>
</main>
</>
);
}
export default App;
`
0.1.0
1 year ago