Tooltip

Contextual hints that appear on hover to explain interface elements.

Installation

Add the component to your project using the following command:

Usage

Import

Import the component and its related parts.

import {
  Tooltip,
  TooltipTrigger,
  TooltipPopup
} from "components/selia/tooltip";

Structure

The expected structure and composition of the component.

<Tooltip>
  <TooltipTrigger>Trigger</TooltipTrigger>
  <TooltipPopup>Content goes here</TooltipPopup>
</Tooltip>

Examples

Position

Tooltip can be positioned in different directions.