Docs
Tooltip

Tooltip

Tooltip component is a popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it. It provides a non-intrusive way to convey additional details, explanations, or context about a specific element on a web page. The Tooltip component enhances user experience by offering timely and relevant information without cluttering the interface, making it ideal for scenarios where concise supplementary details are needed.

Installation

yarn add @camped-ui/tooltip

Usage

import {
  Tooltip,
  TooltipContent,
  TooltipProvider,
  TooltipTrigger,
} from "@camped-ui/tooltip";
<TooltipProvider>
  <Tooltip>
    <TooltipTrigger>Hover</TooltipTrigger>
    <TooltipContent>
      <p>Add to library</p>
    </TooltipContent>
  </Tooltip>
</TooltipProvider>