Tooltip - Aqqo Design

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

Usage

import { 
    Tooltip,
    TooltipProvider,
    TooltipTrigger,
    TooltipContent
    } from "@aqqo/aqqo-ui";

<TooltipProvider>
    <Tooltip {...props}>
        <TooltipTrigger asChild>
            <button>Hover me</button>
        </TooltipTrigger>
        <TooltipContent>
            <div>Tooltip content</div>
        </TooltipContent>
    </Tooltip>
</TooltipProvider>

Props

Tooltip wraps Radix Tooltip. TooltipProvider: Inherits Radix Provider (delayDuration, etc.). Tooltip (Root): Inherits Radix Root. TooltipTrigger: Inherits Radix Trigger. TooltipContent: Custom props: className, sideOffset (default: 4). Inherits Radix Content props (side, align, etc.).