Hrnet - modal component
npm install @erik-th/hrnet-modalimport { HrnetModal } from "@erik-th/hrnet-modal"
openModal={openHrnetModal}
setOpenModal={setOpenHrnetModal}
hrnetModalMessage={hrnetModalMessage}
/>
`
openModal: if true the modal is shown and hidden if false.
setOpenModal: toggle the state of the modal - set openModal to true or false.
hrnetModalMessage: String of the modal's message
Exemple
Here is a simple example of hrnet-modal being used:
`
import { useState } from "react";
import ReactDOM from 'react-dom';
import { HrnetModal } from "@erik-th/hrnet-modal";
function App() {
const [openHrnetModal, setOpenHrnetModal] = useState(false);
const handleModal = (e) => {
e.preventDefault();
e.stopPropagation();
setOpenHrnetModal((toggle) => !toggle);
};
const hrnetModalMessage = "Test message - hrnetModalMessage";
const content = (
openModal={openHrnetModal}
setOpenModal={setOpenHrnetModal}
hrnetModalMessage={hrnetModalMessage}
/>
);
return content;
}
ReactDOM.render( , appElement);
``