@dudiharush/react-modal1 v1.0.31

react-modal

React Modal With Hooks

installation

run: npm i @dudiharush/react-modal

usage example

import * as React from "react";
import { ModalProvider } from "@dudiharush/react-modal";

// step 1: use ModalProvider
render(
  <ModalProvider>
    <App />
  </ModalProvider>,
  rootElement,
)

  // step 2: use useModal and its return function: showModal(props)
  import { useModal } from "@dudiharush/react-modal";

  const useModalContent = {
    const {showModal, hideModal} = useModal(props => <div>{props.title}<button>{hideModal}</button></div>
    return showModal;
  }

  const showModal = useModalContent()
  return (
    <button
      onClick={() => {
        showModal({title: 'modal title'})
      }}
    >
      open modal
    </button>
}