tooltip

Hover/focus tooltip anchored to its trigger with Floating UI.

A headless tooltip that opens on hover (after a delay) and on focus, positioned with Floating UI.

import { Tooltip, TooltipTrigger, TooltipContent } from '@fluixi/tooltip';

<Tooltip openDelay={300} placement="top">
  <TooltipTrigger>Info</TooltipTrigger>
  <TooltipContent>Helpful text</TooltipContent>
</Tooltip>

Opens after openDelay ms on mouse hover, immediately on keyboard focus; closes on leave, blur and Escape. Touch pointers are ignored.
role="tooltip" linked to the trigger via aria-describedby; positioned with data-placement.

Part of the Fluixi UI component library. Made with ☕ by the Fluixi team.

Examples

tooltip