@midly/react-modal
TypeScript icon, indicating that this package has built-in type declarations

2.1.3 • Public • Published

React-modal

npm package npm package npm package npm package

React-modal is a simplest way to create dialog on your ReactJS site.

  • Small (less than 45Kb)
  • Mobile friendly
  • Without dependencies

Getting Started

Install this package:

npm i @midly/react-modal

Import the component:

import {Modal} from '@midly/react-modal';
import {ModalRef} from '@midly/react-modal/dist/esm/Modal'

const modalRef = useRef<ModalRef>(null)

<Modal ref={modalRef}>Your content</Modal>

You can then render the Modal component like any other React component in JSX.

const showModal = useCallback<SubmitHandler>(() => modalRef.current?.open(), [])

<button className="button" onClick={showModal}>Open modal</button>

Package Sidebar

Install

npm i @midly/react-modal

Weekly Downloads

0

Version

2.1.3

License

ISC

Unpacked Size

47.5 kB

Total Files

23

Last publish

Collaborators

  • micheld-dev