Simple Accessible Modal Component – react-modal-easy

react-modal-easy is a React component that makes it easy to create simple, accessible modal windows.

How to use it:

1. Install and import the react-modal-easy component.

# NPM
$ npm i react-modal-easy

2. Usages.

import 'react-modal-easy/dist/style.css';
const [visible, setVisible] = useState(false);
return (
  <Modal
    isVisible={visible}
    onClose={onClose}
    closeButton={
      <Modal.Close onClick={onClose} aria-label='Close'>
        X
      </Modal.Close>
    }
  >
    <Modal.Title>Lorem Ipsum is simply</Modal.Title>
    <Modal.Description>
      Lorem Ipsum is simply dummy text of the printing and typesetting industry.
    </Modal.Description>
    ...
  </Modal>
);

Preview:

Download Details:

Author: joalisonpereira

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/joalisonpereira/react-modal-easy

License: MIT