wrapped-in-react-modal v0.1.28

React modal wrapper with simple render and delete animations

Installation

npm:

$ npm install wrapped-in-react-modal

Examples

Here is a simple example of wrapped-in-react-modal being used in an app with some custom styles.

import { useState } from "react";
import Modal from 'wrapped-in-react-modal';

const App = () => {

  const [isModalOpen, setIsModalOpen] = useState(true)

  return (
    <div>
      <button onClick={ () => setIsModalOpen(prev => !prev)}>Open Modal</button>

      <Modal 
        isOpen={isModalOpen}
        setIsOpen={setIsModalOpen}
        wrapperStyles={{
          // Styles of wrapper
        }}
        modalStyles={{
          // Styles of modal window
        }}
        animation={{
          // Animation of modal window
        }}
      >
        <h1>hi</h1>
      </Modal>
    </div>
  )
}