1.0.0 • Published 2 years ago
reactjs-simple-modal v1.0.0
reactjs-simple-modal
create-react-library
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
Props | Type | Required | Default | Description |
---|---|---|---|---|
showModal | Bool | Required | False | State allows you to display the modal |
Close | Function | Required | - | Function allows you to remove the modal |
title | String | Required | - | Add title modal |
text | String | Required | - | Add content modal |
License
MIT © Mkiera972