hrnet-plugin-modal

React plugin to easily display a Modal with text

Install Plugin

You can install this plugin via npm

npm install hrnet-plugin-modal

Prerequisite

• React 17.x ou highter
• Node.js ≥ 18.x
• npm ≥ 7.x

Modal Component

Properties

Prop	Type	Description
text	String	Display the title into the modal
onClose	Function	Callback executed when the modal is closed
isOpen	Boolean	Control display of the modal

Use Modal

import { Modal } from "hrnet-plugin-modal";

function App() {

   const [isOpen, setIsOpen] = useState(false);

  return (
    <div>
      <Modal isOpen={isOpen} text={'This is a text dialog'} closeModal={() => setIsOpen(false)}/>
    </div>
  );
}

export default App;

Version

To run this project, we recommend using Node.js version 18.x.x or higher.

You can check your current Node.js version by running:

node -v

Contribute

1. Fork repository
2. npm install
3. npm run dev
4. Create a branchfeature/nom-fonctionnalité
5. npm test to run the test
6. Open a Pull Request

License

This component is distributed under MIT license.