Compitable with react js and next js.
npm install @milon27/react-modalCompitable with react js and next js.
``bash`
npm install @milon27/react-modal
1. import css in index.js/ts or app.jsx or app.tsx. (if tailwind project import it after main tailwind css)
`ts`
import '@milon27/react-modal/dist/style.css';
2. use the simple modal
`tsx
import { Modal,Button } from '@milon27/react-modal';
const App=()=>{
const [show, setShow] = useState(false)
const [showContent, setShowContent] = useState(false)
return
`
> screenshot 1
3. use offcanvas
`tsx
import { OffCanvas , Button } from '@milon27/react-modal';
const App=()=>{
const [show, setShow] = useState(false)
return
show={show}
setShow={setShow}
dismissable
onClose={() => { console.log("closing the OffCanvas") }} //optional
>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione omnis laborum maxime blanditiis rem iusto. Nostrum est eligendi aliquid nulla eaque, reprehenderit aliquam ratione cumque, excepturi magnam libero labore vero?
position='right'
show={show}
setShow={setShow}
>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione omnis laborum maxime blanditiis rem iusto. Nostrum est eligendi aliquid nulla eaque, reprehenderit aliquam ratione cumque, excepturi magnam libero labore vero?
``
> screenshot 2