1.0.0 • Published 2 years ago

reactjs-simple-modal v1.0.0

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

reactjs-simple-modal

create-react-library

NPM JavaScript Style Guide

Install

npm install --save reactjs-simple-modal

Usage

import React from 'react'
import { useModal, Rmodal } from 'reactjs-simple-modal'
import 'reactjs-simple-modal/dist/index.css'
import Button from 'react-bootstrap/esm/Button';

function App() {
  const { showModal, Toggle } = useModal();
  return (
    <div className="App">
      <div className="demo">
        <h1>REACT SIMPLE MODAL</h1>
        <Button variant="primary" onClick={()=>{Toggle()}}>
                Simple Modal
        </Button>
      </div>
      <Rmodal show={showModal} close={Toggle} title="My Modal" text='je suis john DOE' />
    </div>
  );
}

export default App;

Props

PropsTypeRequiredDefaultDescription
showModalBoolRequiredFalseState allows you to display the modal
CloseFunctionRequired-Function allows you to remove the modal
titleStringRequired-Add title modal
textStringRequired-Add content modal

License

MIT © Mkiera972