hamelndigital

design

Tooltip

Tooltip

Inverted keycap-style hints on hover/focus — dark pill in light mode, light in dark. Wrap the app once in TooltipProvider; delay and side are tunable.

Hints

Usage

<TooltipProvider delay={250}>
  <Tooltip>
    <TooltipTrigger render={<Button />}>Hover me</TooltipTrigger>
    <TooltipContent side="top">Copies the current link</TooltipContent>
  </Tooltip>
</TooltipProvider>