0.2.8 • Published 2 years ago
simple-modal-component-ab v0.2.8
A simple & lightweight method of displaying modal windows.
Installation
To install, you can use npm or yarn:
$ npm install simple-modal-component
$ yarn add simple-modal-component
Usage
import { useState } from "react";
import Modal from "@simple-modal-component-ab/Modal";
export const Exemple = () => {
const [isOpened, setIsOpened] = useState(false);
return(
<Modal
isOpened={isOpened}
onClose={() => setIsOpened(false)}
>
<p>Your text here</p>
</Modal>
)
}
- isOpened : boolean | Contains the state (opened or closed) of the modale
- onClose : function | Calls the function which closes the modale
You can use CSS class .modal-content
to customize style, for example : background-color, border, border-radius, max-width, padding.