tooltip-icon

PreviousNext
Docs
takiexample

Preview

Loading preview…
registry/new-york/examples/tooltip-icon.tsx
import { InfoIcon } from "lucide-react"

import { Button } from "@/registry/new-york/ui/button"
import { Tooltip, TooltipTrigger } from "@/registry/new-york/ui/tooltip"

export default function TooltipIcon() {
  return (
    <TooltipTrigger>
      <Button size="icon" variant="outline" aria-label="Information">
        <InfoIcon className="size-4" />
      </Button>
      <Tooltip>Get more information</Tooltip>
    </TooltipTrigger>
  )
}

Installation

npx shadcn@latest add @taki/tooltip-icon

Usage

import { TooltipIcon } from "@/components/tooltip-icon"
<TooltipIcon />