Default Tooltip

Standard chart tooltip with label and value using gold accent.

Revenue$12,450

Color Variants

Tooltips with different accent colors for multi-series charts.

Sales$8,200
Expenses$3,100
Profit$5,100

Metric Tooltips

Various data type formats for analytics and dashboard tooltips.

Users1,247
Conversion3.2%
Bounce Rate42%

Server Stats

Infrastructure metric tooltips for server monitoring dashboards.

CPU Usage42%
Memory68%
Uptime99.9%

Financial KPIs

Revenue and growth tooltips for financial chart overlays.

MRR$48,290
ARR$579,480
Growth+24%

Time-based

Tooltips for time-series charts with period labels.

Jan 2026$12,450
Feb 2026$15,820
Mar 2026$14,100

Usage

<ChartTooltip label="Revenue" value="$12,450" /><ChartTooltip label="Sales" value="$8,200" color="#28a745" /><ChartTooltip label="Expenses" value="$3,100" color="#dc3545" />

Props

PropTypeDefaultDescription
labeltext"Label"Tooltip label text
valuetext"0"Tooltip value to display
colortext"#c9952c"Accent color for the tooltip indicator