OddApp Design

Tooltip

@oddapp/ui · Tier 1

Small floating label surfaced on hover to explain an ambiguous control.

Default

import { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, Button } from '@oddapp/ui'

<TooltipProvider>
  <Tooltip>
    <TooltipTrigger asChild>
      <Button variant="ghost">Hover me</Button>
    </TooltipTrigger>
    <TooltipContent>This is a tooltip.</TooltipContent>
  </Tooltip>
</TooltipProvider>