1. Docs
  2. components
  3. Tooltip

Tooltip

A tooltip displays a description of an element on hover or focus.

The HTML title attribute can be used to create a tooltip, but it cannot be styled. Custom styled tooltips can be hard to build in an accessible way. TooltipTrigger and Tooltip help build fully accessible tooltips that can be styled as needed.

Installation

Install the following dependencies:

Copy and paste the following code into your project.

Loading...

Update the import paths to match your project setup.

Usage

Positioning

Placement

Offset and cross offset

Disabled