@ousshmi/react-modal v0.1.8

A React modal npm package

Install

Using npm:

$npm install @ousshmi/react-modal

Using yarn:

$yarn add @ousshmi/react-modal

Usage

In a React app, import and use the Modal components:

import Modal from '@ousshmi/react-modal'

Modal props

Modal style props

Example usage

import { useState } from "react";
import Modal from "./components/Modal";

function App() {
const [show, setShow] = useState(false);
return (
    <div>
        <button onClick={() => setShow(true)}>Open Modal</button>
        <Modal
            onClose={() => setShow(false)}
            show={show}
            message="The modal is opened!"
            closeButton={true}
            borderRadius="5px"
            overflow="hidden"
            headerBackground="gray"
            addNewButton
            newButtonText="Go to..."
        />
    </div>
);
}
export default App;