Tooltip

A popup that displays information related to an element on focus or hover.

Installation

npx ghost-ui-native add tooltip

Usage

import { Tooltip, TooltipTrigger, TooltipContent } from '@/components/ui/tooltip';
<Tooltip>
  <TooltipTrigger asChild>
    <Button variant="outline">Hover</Button>
  </TooltipTrigger>
  <TooltipContent>
    <Text>Add to library</Text>
  </TooltipContent>
</Tooltip>