Core

Chart Tooltip

A chart tooltip is a reusable wrapper around the Recharts tooltip and is styled to match LibravelUI surfaces, borders, and typography.

Example

Usage

Features

  • Uses LibravelUI popover and border tokens.
  • Formats labels and values consistently.
  • Supports custom label and indicator classes.
  • Works across every chart component in the package.
  • Keeps the hover preview visually aligned with the rest of the system.

Anatomy

import { ChartTooltip } from "@/components/ui/core/charts/chart-tooltip";
<ChartTooltip />

Props

Loading types…

Edit on GitHub

Last updated on