import Tooltip from "@intility/bifrost-react/Tooltip";Tooltip
Go to top
Basic Tooltip
Also see <Dropdown>
Default behaviour is to automatically only display the tooltip on hover.
Hover me
To make it accessible for keyboard users, make sure to use a focusable element
like <Button>.
Compact Tooltip
Use variant='compact' for smaller tooltip
Hover me
Delay
Use the delay prop to set the time in milliseconds before the tooltip opens
on hover. Focus still opens the tooltip instantly. Default is 0.
Visible state
Show/hide the tooltip with visible boolean prop.
Click the button to toggle me!
Placement
The placement prop allows you to set a preferred placement ("top" is
default, see Floating UI docs for all
options).
States
Other than the default state, there is also a more subtle 'neutral'.
Hover me