Skip to main content

Function: ChartTooltipContent()

@arolariu/components


@arolariu/components / ChartTooltipContent

Function: ChartTooltipContent()

ChartTooltipContent(__namedParameters): Element

Defined in: components/ui/chart.tsx:254

Renders shared tooltip content for charts configured with ChartContainer.

Parameters

__namedParameters

Omit<Props<ValueType, NameType>, PropertiesReadFromContext> & object & ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & object & Omit<Props<ValueType, NameType>, "accessibilityLayer">

Returns

Element

Remarks

  • Renders a <div> element when active
  • Built on recharts tooltip payloads and shared chart config context
  • Honors active, payload, label, labelFormatter, formatter, separator, className, labelClassName, color, nameKey, and labelKey
  • Ignores wrapperClassName, contentStyle, itemStyle, labelStyle, and accessibilityLayer because this helper renders its own DOM structure

Example

<ChartTooltip content={<ChartTooltipContent indicator='line' />} />

See

Recharts Tooltip Docs

// was this page useful?