supabase/apps/design-system/registry/default/example/tooltip-demo.tsx

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

export default function TooltipDemo() {
  return (
    <TooltipProvider>
      <Tooltip>
        <TooltipTrigger asChild>
          <Button type="outline">Hover</Button>
        </TooltipTrigger>
        <TooltipContent>
          <p>Add to library</p>
        </TooltipContent>
      </Tooltip>
    </TooltipProvider>
  )
}