react-simple-modal-gds

Modal which is displayed after validation of a form. It includes opening, closing, and simple text parameters

Installation

• using NPM
  $ npm install react-simple-modal-gds

Link to access the package here

Usage

Import Modal component in your React components:

import Modal from "react-simple-modal-gds";

Props

To use the component you need :

Props	Type	Required	Default	Description
handleChange	Object	Required	-	handleChange() is used to set a new state for the entry.
value	Bool	Required	False	State allows you to display the modal
content	String	Required	-	add text when the modal appears

Settings

import Modal from "react-simple-modal-gds";

export default function App() {
  const [open, setOpen] = useState(false);
  const openModal = () => {
    setOpen(!open);
  };
  return (
    <>
      <Modal content="Employee Created !" handleChange={setOpen} value={open} />
      <button onClick={openModal}>button</button>
    </>
  );
}

Auteur

• GregDigital