@manhphi1309/tooltip

A beautifully designed, accessible tooltip component for your React application.

Subcomponents

This package provides the following components:

• Tooltip
• TooltipContent
• TooltipProvider
• TooltipTrigger

Dependencies

This package relies on:

• @manhphi1309/utils
• clsx
• radix-ui
• tailwind-merge

Installation

npm install @manhphi1309/tooltip

Usage Example

import {
  TooltipProvider,
  Tooltip,
  TooltipTrigger,
  TooltipContent,
} from "@manhphi1309/tooltip"
import { Button } from "@manhphi1309/button"

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