Skip to content
Spira
Overlays

Tooltip

Keyboard- and screen-reader-friendly hints.

Hover hint

Keyboard- and screen-reader-friendly tooltips.

import { Button, Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui";

<Tooltip>
  <TooltipTrigger render={<Button variant="secondary">Hover me</Button>} />
  <TooltipContent>Keyboard & screen-reader friendly.</TooltipContent>
</Tooltip>