@jioponda/modal/README.md

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

# Hrnet Modal

## Install 💻 :

- use : `npm i @jioponda/modal`

### This is a REACT modal package for the HRnet application form including 🔽 :

- the `FormModal` component and is props `Text` for customise it
- the `displayModal` function to display the latter
- and finally a `hideModal` function to make it disappear (basically it is already linked to the cross of the modal)

### Example of use 🔽 :

- if you want to display this modal when clicking on an input or other you can proceed like this :

Start by creating a modal.js file then import your modal at the top of this file with the following line of code

`import Modal from "@jioponda/modal/dist/Modal";`

you can also add to this line the functions of display and suppression of the modal like this 🔽:

`import Modal , {displayModal , hideModal} from "@jioponda/modalhrnet"`

once done add your component to your file, for example like this

`export default function Mycomponent() { return( <div> <Modal Text={"Your Text !"}> </div>); }`

if you want to make it visible use the `onclick` with the `displayModal` function and make it disappear with the `hideModal` function (again, the hideModal function is already linked on the cross of the modal)

`<input onclick={displayModal}> START </input>`

Finally you can change the style of the component with a simple CSS files and select the class do you want
(`.modal` , `.close-modal` and `.text-modal` )