Tooltip

useBsTooltip returns the trigger's props and the tooltip itself, which renders at the end of <body> so no overflow: hidden ancestor clips it. It shows on hover and on focus, flips to the other side when there is no room, and Escape dismisses it. While it shows, the trigger's aria-describedby names it.

import { useBsTooltip } from '@mintplayer/react-bootstrap/tooltip';const [props, tooltip] = useBsTooltip({ position: 'top', content: <>Hello <b>world</b></> });<button type="button" className="btn btn-primary" {...props}>Hover me</button>{tooltip}