@casper124578/react-modal v2.0.0

react-modal

Reusable react components to get a simple modal with ease! Highly customizable and responsive.

Table of Contents

• Installation
• Usage
• Available Props

Installation

npm

npm install @casper124578/react-modal

yarn

yarn add @casper124578/react-modal

Usage

import React from "react";
import { Modal } from "@casper124578/react-modal";

function App() {
  const openModal = () => {
    document.querySelector("#modal_id").classList.add("active");
  };

  return (
    <div className="App">
      <button onClick={openModal}>Open Modal</button>

      <Modal transitionSeconds={0.3} id="modal_id" title="Hello world">
        This is the modal body, this is cool huh? I think it is!
        <p style={{ color: "green" }}>it can also render HTML</p>
      </Modal>
    </div>
  );
}

Available Props