1.0.5 • Published 2 years ago
my-oc-react-modal-component v1.0.5
my-oc-react-modal-component
This is a react modale component for an OpenClassrooms project.
Prerequisites
- Node v20.4.0
- npm v9.7.2
- Your favorite code editor
How to use
Install the package
npm i my-oc-react-modal-component
Example
import { Modale } from 'my-oc-react-modal-component';
function MyComponent() {
const [isActive, setIsActive] = useState(false);
function closeModale() {
setIsActive(false);
}
return (
<Modale
enableClose={ true }
title="Title content"
content="Text content"
titleClass="title_class"
contentClass="content_class"
onClose={ closeModale }
isActive={ isActive }
/>
)
}
Props
Prop | Type | Description |
---|---|---|
isActive | boolean | Activate/Deactivate the modale |
onClose | function | Toggle the modale |
enableClose | boolean | Showing a close buttonn |
title | string | Modale title |
content | string | Modale content |
titleClass | string | Title's class |
contentClass | string | Content's class |
License
MIT