Toggle buttons

BsNavbarToggler is a real button whose three bars cross while open. It reports aria-expanded, and aria-controls with controls.

Basic usage

Playlist toggler

BsPlaylistToggler has the same API; its bars draw a play arrow while closed.

Source

import { BsNavbarToggler } from '@mintplayer/react-bootstrap/navbar-toggler';<BsNavbarToggler open={open} onOpenChange={setOpen} controls="menu" label="Show the menu" /><ul id="menu" hidden={!open}>…</ul>