Offcanvas

A panel that slides in from a viewport edge (position), rendered at the end of <body>. With backdrop (the default) it is modal and traps focus. Escape, the backdrop and the header's close button close it; so does any element inside with data-bs-dismiss="offcanvas".

Basic usage

Source

import { BsOffcanvas } from '@mintplayer/react-bootstrap/offcanvas';const [open, setOpen] = useState(false);<button type="button" className="btn btn-primary" onClick={() => setOpen(true)}>Open</button><BsOffcanvas open={open} onOpenChange={setOpen} position="end" header="Offcanvas title">  Place any content here — forms, lists, navigation.</BsOffcanvas>