Tooltip

A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.

A simple 8-bit tooltip component

Open in

Installation

pnpm dlx shadcn@canary add https://8bitcn.com/r/8bit-tooltip.json

Usage

import {
  Tooltip,
  TooltipContent,
  TooltipProvider,
  TooltipTrigger,
} from "@/components/ui/8bit/tooltip"

<TooltipProvider>
    <Tooltip delayDuration={500}>
        <TooltipTrigger>
            <Button variant="outline">Hover</Button>
        </TooltipTrigger>
        <TooltipContent>
            <p>Add to library</p>
        </TooltipContent>
    </Tooltip>
</TooltipProvider>