Popover

useBsPopover returns the trigger's props and the popover itself: a non-modal dialog that a click (or Enter / Space) toggles, rendered at the end of <body>. Its title names the dialog. Escape (focus returns to the trigger), a click outside or tabbing out closes it.

import { useBsPopover } from '@mintplayer/react-bootstrap/popover';const [props, popover] = useBsPopover({ position: 'top', title: 'Popover title', content: 'Any content here.' });<button type="button" className="btn btn-primary" {...props}>Click me</button>{popover}