modal-react-op v1.0.0

basic-react-dropdown

A small library to display a modal

Installation

npm i modal-react-op

Usage

import { Modal, ModalBody, ModalFooter, ModalHeader } from './libModal';
import {useState} from "react";

const [showModal, setShowModal] = useState(false);

<button className="text" onClick={() => setShowModal(true)}>button</button>

<Modal 
    show={showModal}
    setShow={setShowModal}
>

    <ModalHeader>
        <h2>Modal Example</h2>
    </ModalHeader>
    
    <ModalBody>
        <p>
            Proin dolor mi, finibus a ipsum et, vulputate cursus mauris. Donec et tristique quam. Vivamus imperdiet maximus odio. Curabitur scelerisque arcu ultricies, commodo sem id, aliquet lacus. Nulla quam dolor, facilisis eget finibus dapibus, commodo at nunc. Cras eget sodales leo, eu fermentum magna. Nulla non neque ut quam ultrices aliquam. Phasellus cursus mi at dictum condimentum.
        </p>
    </ModalBody>
    
    <ModalFooter>
        <a onClick={() => setShowModal(false)}>
            Close
        </a>
    </ModalFooter>

</Modal>

API

Props

Development

npm run start