DaisyUI Kit 🌼

Components

The Tooltip components include the following:

  • Tooltip - Main Tooltip wrapper. Controls appearance, color, and position.
  • TooltipTarget - Wraps the element that triggers the tooltip.
  • TooltipContent - Contains the tooltip content for Popover mode.

Tooltip

The main Tooltip wrapper. Supports two modes: CSS-only (using tip prop) and Popover API (using TooltipTarget and TooltipContent children).

TooltipTarget

Wraps the trigger element for Popover mode tooltips. Required when using TooltipContent for rich tooltip content.

TooltipContent

Contains custom tooltip content. Uses the Popover API with CSS anchor positioning, so content won't clip at scroll container edges.

DaisyUI Kit 🌼