Tooltip

Short descriptive label on hover or focus.

Default

<TooltipProvider>
  <Tooltip>
    <TooltipTrigger render={<Button variant="outline">Hover me</Button>} />
    <TooltipContent>Short helpful text</TooltipContent>
  </Tooltip>
</TooltipProvider>