Chart

Render data visualizations with shared theme colors and tooltips.

View component source ↗

Preview

Example

A minimal example to get started.

Installation

Install this component and its dependencies in a project initialized with shadcn.

pnpm dlx shadcn@latest add https://ui.hyunjoon.net/r/chart.json

Usage

This is the basic example. Use the Code tab above for the selected example. Adjust import aliases to match your project.

import { Bar, BarChart, XAxis } from "recharts";

import { ChartContainer, ChartTooltip, ChartTooltipContent } from "@/components/ui/chart";

export default function Example() {
  return (
    <ChartContainer
      config={{ visits: { label: "Visits", color: "var(--chart-1)" } }}
      className="h-48 w-full max-w-sm"
    >
      <BarChart
        accessibilityLayer
        data={[
          { month: "Jan", visits: 120 },
          { month: "Feb", visits: 180 },
          { month: "Mar", visits: 140 },
        ]}
      >
        <XAxis dataKey="month" />
        <ChartTooltip content={<ChartTooltipContent />} />
        <Bar dataKey="visits" fill="var(--color-visits)" radius={4} />
      </BarChart>
    </ChartContainer>
  );
}

API reference

Derived from the installed component types. Native DOM props are also supported where applicable. A dash means no explicit default is documented. Some props depend on the selected mode.

ChartContainer

ChartContainer properties
Prop	Type	Default	Description
`ref`	React.Ref<HTMLDivElement> \| undefined React.Ref<HTMLDivElement> \| undefined	`—`	Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).
`defaultChecked`	boolean \| undefined boolean \| undefined	`—`	Initial checked state for an uncontrolled control.
`defaultValue`	string \| number \| readonly string[] \| undefined string \| number \| readonly string[] \| undefined	`—`	Initial value for an uncontrolled component.
`className`	string \| undefined string \| undefined	`—`	Additional CSS classes merged with the component styles.
`id`	string \| undefined string \| undefined	`—`	Unique identifier used to associate labels and descriptions.
`children`Required	React.ReactNode React.ReactNode	`—`	Content rendered inside this component.
`onFocus`	React.FocusEventHandler<HTMLDivElement> \| undefined React.FocusEventHandler<HTMLDivElement> \| undefined	`—`	Called when the control receives focus.
`onBlur`	React.FocusEventHandler<HTMLDivElement> \| undefined React.FocusEventHandler<HTMLDivElement> \| undefined	`—`	Called when the control loses focus.
`onChange`	React.ChangeEventHandler<HTMLDivElement, Element> \| undefined React.ChangeEventHandler<HTMLDivElement, Element> \| undefined	`—`	Called when the underlying form control changes; inspect the event for its value.
`onKeyDown`	React.KeyboardEventHandler<HTMLDivElement> \| undefined React.KeyboardEventHandler<HTMLDivElement> \| undefined	`—`	Called when a key is pressed while this element is focused.
`onClick`	React.MouseEventHandler<HTMLDivElement> \| undefined React.MouseEventHandler<HTMLDivElement> \| undefined	`—`	Called when the element is activated.
`config`Required	ChartConfig ChartConfig	`—`	Labels and theme colors keyed by chart series.
`initialDimension`	{ width: number; height: number; } \| undefined { width: number; height: number; } \| undefined	`INITIAL_DIMENSION`	Configures initial dimension; see the accepted type.

ChartTooltip

ChartTooltip properties
Prop	Type	Default	Description
`separator`	string \| undefined string \| undefined	`' : '`	The separator between name and value.
`wrapperClassName`	string \| undefined string \| undefined	`—`	Configures wrapper class name; see the accepted type.
`labelClassName`	string \| undefined string \| undefined	`—`	Configures label class name; see the accepted type.
`formatter`	(Formatter<RechartsPrimitive.TooltipValueType, NameType> & ((value: RechartsPrimitive.Tool… (Formatter<RechartsPrimitive.TooltipValueType, NameType> & ((value: RechartsPrimitive.TooltipValueType, name: NameType, item: TooltipPayloadEntry, index: number, payload: RechartsPrimitive.TooltipPayload) => React.ReactNode \| [React.ReactNode, React.ReactNode])) \| undefined	`—`	Function to customize the value in the tooltip. If you return an array, the first entry will be the formatted "value", and the second entry will be the formatted "name"
`contentStyle`	React.CSSProperties \| undefined React.CSSProperties \| undefined	`{}`	The style of tooltip content which is a dom element.
`itemStyle`	React.CSSProperties \| undefined React.CSSProperties \| undefined	`{}`	The style of default tooltip content item which is a li element.
`labelStyle`	React.CSSProperties \| undefined React.CSSProperties \| undefined	`{}`	The style of default tooltip label which is a p element.
`labelFormatter`	(((label: React.ReactNode, payload: readonly RechartsPrimitive.TooltipPayloadEntry<Rechart… (((label: React.ReactNode, payload: readonly RechartsPrimitive.TooltipPayloadEntry<RechartsPrimitive.TooltipValueType, NameType>[]) => React.ReactNode) & ((label: any, payload: RechartsPrimitive.TooltipPayload) => React.ReactNode)) \| undefined	`—`	The formatter function of label in tooltip.
`itemSorter`	(RechartsPrimitive.TooltipItemSorter<RechartsPrimitive.TooltipValueType, NameType> & Recha… (RechartsPrimitive.TooltipItemSorter<RechartsPrimitive.TooltipValueType, NameType> & RechartsPrimitive.TooltipItemSorter) \| undefined	`name`	Sorts tooltip items. Defaults to 'name' which means it sorts alphabetically by graphical item `name` property.
`active`	boolean \| undefined boolean \| undefined	`—`	If true, then Tooltip is always displayed, once an activeIndex is set by mouse over, or programmatically. If false, then Tooltip is never displayed. If undefined, Recharts will control when the Tooltip displays. This includes mouse and keyboard controls.
`allowEscapeViewBox`	AllowInDimension \| undefined AllowInDimension \| undefined	`{"x":false,"y":false}`	This option allows the tooltip to extend beyond the viewBox of the chart itself.
`animationDuration`	number \| undefined number \| undefined	`400`	Specifies the duration of animation, the unit of this option is ms.
`animationEasing`	AnimationTiming \| undefined AnimationTiming \| undefined	`ease`	The type of easing function.
`axisId`	RechartsPrimitive.AxisId \| undefined RechartsPrimitive.AxisId \| undefined	`0`	Tooltip always attaches itself to the "Tooltip" axis. Which axis is it? Depends on the layout: - horizontal layout -> X axis - vertical layout -> Y axis - radial layout -> radial axis - centric layout -> angle axis Tooltip will use the default axis for the layout, unless you specify an axisId.
`content`	ContentType<RechartsPrimitive.TooltipValueType, NameType> \| undefined ContentType<RechartsPrimitive.TooltipValueType, NameType> \| undefined	`—`	Renders the content of the tooltip. This should return HTML elements, not SVG elements. - If not set, the DefaultTooltipContent component is used. - If set to a React element, this element will be cloned and extra props will be passed in. - If set to a function, the function will be called and should return HTML elements.
`cursor`	CursorDefinition \| undefined CursorDefinition \| undefined	`true`	If set false, no cursor will be drawn when tooltip is active. If set a object, the option is the configuration of cursor. If set a React element, the option is the custom react element of drawing cursor.
`defaultIndex`	number \| RechartsPrimitive.TooltipIndex \| undefined number \| RechartsPrimitive.TooltipIndex \| undefined	`—`	Configures default index; see the accepted type.
`filterNull`	boolean \| undefined boolean \| undefined	`true`	When an item of the payload has value null or undefined, this item won't be displayed.
`includeHidden`	boolean \| undefined boolean \| undefined	`false`	If true, the tooltip will display information about hidden series. Defaults to false. Interacting with the hide property of Area, Bar, Line, Scatter.
`isAnimationActive`	boolean \| "auto" \| undefined boolean \| "auto" \| undefined	`auto`	If set false, animation of tooltip will be disabled. If set "auto", the animation will be disabled in SSR and will respect the user's prefers-reduced-motion system preference for accessibility.
`offset`	number \| RechartsPrimitive.Coordinate \| undefined number \| RechartsPrimitive.Coordinate \| undefined	`10`	The offset size between the position of tooltip and the mouse cursor position. When a number is provided, the same offset is applied to both x and y axes. When a Coordinate object is provided, you can specify different offsets for each axis (x and y as numbers)
`payloadUniqBy`	UniqueOption<TooltipPayloadEntry> \| undefined UniqueOption<TooltipPayloadEntry> \| undefined	`—`	Configures payload uniq by; see the accepted type.
`portal`	HTMLElement \| null \| undefined HTMLElement \| null \| undefined	`—`	If portal is defined, then Tooltip will use this element as a target for rendering using React Portal: https://react.dev/reference/react-dom/createPortal If this is undefined then Tooltip renders inside the recharts-wrapper element.
`position`	Partial<RechartsPrimitive.Coordinate> \| undefined Partial<RechartsPrimitive.Coordinate> \| undefined	`—`	If this field is set, the tooltip will be displayed at the specified position regardless of the mouse position. You can set a single field (x or y) and let the other field be calculated automatically based on the mouse position.
`reverseDirection`	AllowInDimension \| undefined AllowInDimension \| undefined	`{"x":false,"y":false}`	Configures reverse direction; see the accepted type.
`shared`	boolean \| undefined boolean \| undefined	`—`	Defines whether the tooltip is reacting to the current data point, or to all data points at the current axis coordinate. - `true`: tooltip will appear on top of all bars on an axis tick. - `false`: tooltip will appear on individual bars. Different chart types allow different modes, and have different defaults.
`trigger`	TooltipTrigger \| undefined TooltipTrigger \| undefined	`hover`	If `hover` then the Tooltip shows on mouse enter and hides on mouse leave. If `click` then the Tooltip shows after clicking and stays active.
`useTranslate3d`	boolean \| undefined boolean \| undefined	`false`	Configures use translate3d; see the accepted type.
`wrapperStyle`	React.CSSProperties \| undefined React.CSSProperties \| undefined	`—`	CSS styles to be applied to the wrapper `div` element.

ChartTooltipContent

ChartTooltipContent properties
Prop	Type	Default	Description
`separator`	string \| undefined string \| undefined	`' : '`	The separator between name and value.
`wrapperClassName`	string \| undefined string \| undefined	`—`	Configures wrapper class name; see the accepted type.
`labelClassName`	string \| undefined string \| undefined	`—`	Configures label class name; see the accepted type.
`formatter`	(Formatter<RechartsPrimitive.TooltipValueType, NameType> & ((value: RechartsPrimitive.Tool… (Formatter<RechartsPrimitive.TooltipValueType, NameType> & ((value: RechartsPrimitive.TooltipValueType, name: NameType, item: TooltipPayloadEntry, index: number, payload: RechartsPrimitive.TooltipPayload) => React.ReactNode \| [React.ReactNode, React.ReactNode]) & Formatter<RechartsPrimitive.TooltipValueType, TooltipNameType>) \| undefined	`—`	Function to customize the value in the tooltip. If you return an array, the first entry will be the formatted "value", and the second entry will be the formatted "name"
`contentStyle`	React.CSSProperties \| undefined React.CSSProperties \| undefined	`{}`	The style of tooltip content which is a dom element.
`itemStyle`	React.CSSProperties \| undefined React.CSSProperties \| undefined	`{}`	The style of default tooltip content item which is a li element.
`labelStyle`	React.CSSProperties \| undefined React.CSSProperties \| undefined	`{}`	The style of default tooltip label which is a p element.
`labelFormatter`	(((label: React.ReactNode, payload: readonly RechartsPrimitive.TooltipPayloadEntry<Rechart… (((label: React.ReactNode, payload: readonly RechartsPrimitive.TooltipPayloadEntry<RechartsPrimitive.TooltipValueType, NameType>[]) => React.ReactNode) & ((label: any, payload: RechartsPrimitive.TooltipPayload) => React.ReactNode) & ((label: React.ReactNode, payload: readonly RechartsPrimitive.TooltipPayloadEntry<RechartsPrimitive.TooltipValueType, TooltipNameType>[]) => React.ReactNode)) \| undefined	`—`	The formatter function of label in tooltip.
`itemSorter`	(RechartsPrimitive.TooltipItemSorter<RechartsPrimitive.TooltipValueType, NameType> & (Rech… (RechartsPrimitive.TooltipItemSorter<RechartsPrimitive.TooltipValueType, NameType> & (RechartsPrimitive.TooltipItemSorter & RechartsPrimitive.TooltipItemSorter<RechartsPrimitive.TooltipValueType, TooltipNameType>)) \| undefined	`name`	Sorts tooltip items. Defaults to 'name' which means it sorts alphabetically by graphical item `name` property.
`active`	boolean \| undefined boolean \| undefined	`—`	If true, then Tooltip is always displayed, once an activeIndex is set by mouse over, or programmatically. If false, then Tooltip is never displayed. If undefined, Recharts will control when the Tooltip displays. This includes mouse and keyboard controls.
`allowEscapeViewBox`	AllowInDimension \| undefined AllowInDimension \| undefined	`{"x":false,"y":false}`	This option allows the tooltip to extend beyond the viewBox of the chart itself.
`animationDuration`	number \| undefined number \| undefined	`400`	Specifies the duration of animation, the unit of this option is ms.
`animationEasing`	AnimationTiming \| undefined AnimationTiming \| undefined	`ease`	The type of easing function.
`axisId`	RechartsPrimitive.AxisId \| undefined RechartsPrimitive.AxisId \| undefined	`0`	Tooltip always attaches itself to the "Tooltip" axis. Which axis is it? Depends on the layout: - horizontal layout -> X axis - vertical layout -> Y axis - radial layout -> radial axis - centric layout -> angle axis Tooltip will use the default axis for the layout, unless you specify an axisId.
`content`	(ContentType<RechartsPrimitive.TooltipValueType, NameType> & string) \| undefined (ContentType<RechartsPrimitive.TooltipValueType, NameType> & string) \| undefined	`—`	Renders the content of the tooltip. This should return HTML elements, not SVG elements. - If not set, the DefaultTooltipContent component is used. - If set to a React element, this element will be cloned and extra props will be passed in. - If set to a function, the function will be called and should return HTML elements.
`cursor`	CursorDefinition \| undefined CursorDefinition \| undefined	`true`	If set false, no cursor will be drawn when tooltip is active. If set a object, the option is the configuration of cursor. If set a React element, the option is the custom react element of drawing cursor.
`defaultIndex`	number \| RechartsPrimitive.TooltipIndex \| undefined number \| RechartsPrimitive.TooltipIndex \| undefined	`—`	Configures default index; see the accepted type.
`filterNull`	boolean \| undefined boolean \| undefined	`true`	When an item of the payload has value null or undefined, this item won't be displayed.
`includeHidden`	boolean \| undefined boolean \| undefined	`false`	If true, the tooltip will display information about hidden series. Defaults to false. Interacting with the hide property of Area, Bar, Line, Scatter.
`isAnimationActive`	boolean \| "auto" \| undefined boolean \| "auto" \| undefined	`auto`	If set false, animation of tooltip will be disabled. If set "auto", the animation will be disabled in SSR and will respect the user's prefers-reduced-motion system preference for accessibility.
`offset`	number \| RechartsPrimitive.Coordinate \| undefined number \| RechartsPrimitive.Coordinate \| undefined	`10`	The offset size between the position of tooltip and the mouse cursor position. When a number is provided, the same offset is applied to both x and y axes. When a Coordinate object is provided, you can specify different offsets for each axis (x and y as numbers)
`payloadUniqBy`	UniqueOption<TooltipPayloadEntry> \| undefined UniqueOption<TooltipPayloadEntry> \| undefined	`—`	Configures payload uniq by; see the accepted type.
`portal`	HTMLElement \| null \| undefined HTMLElement \| null \| undefined	`—`	If portal is defined, then Tooltip will use this element as a target for rendering using React Portal: https://react.dev/reference/react-dom/createPortal If this is undefined then Tooltip renders inside the recharts-wrapper element.
`position`	Partial<RechartsPrimitive.Coordinate> \| undefined Partial<RechartsPrimitive.Coordinate> \| undefined	`—`	If this field is set, the tooltip will be displayed at the specified position regardless of the mouse position. You can set a single field (x or y) and let the other field be calculated automatically based on the mouse position.
`reverseDirection`	AllowInDimension \| undefined AllowInDimension \| undefined	`{"x":false,"y":false}`	Configures reverse direction; see the accepted type.
`shared`	boolean \| undefined boolean \| undefined	`—`	Defines whether the tooltip is reacting to the current data point, or to all data points at the current axis coordinate. - `true`: tooltip will appear on top of all bars on an axis tick. - `false`: tooltip will appear on individual bars. Different chart types allow different modes, and have different defaults.
`trigger`	TooltipTrigger \| undefined TooltipTrigger \| undefined	`hover`	If `hover` then the Tooltip shows on mouse enter and hides on mouse leave. If `click` then the Tooltip shows after clicking and stays active.
`useTranslate3d`	boolean \| undefined boolean \| undefined	`false`	Configures use translate3d; see the accepted type.
`wrapperStyle`	React.CSSProperties \| undefined React.CSSProperties \| undefined	`—`	CSS styles to be applied to the wrapper `div` element.
`ref`	React.Ref<HTMLDivElement> \| undefined React.Ref<HTMLDivElement> \| undefined	`—`	Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).
`defaultChecked`	boolean \| undefined boolean \| undefined	`—`	Initial checked state for an uncontrolled control.
`defaultValue`	string \| number \| readonly string[] \| undefined string \| number \| readonly string[] \| undefined	`—`	Initial value for an uncontrolled component.
`className`	string \| undefined string \| undefined	`—`	Additional CSS classes merged with the component styles.
`id`	string \| undefined string \| undefined	`—`	Unique identifier used to associate labels and descriptions.
`children`	React.ReactNode React.ReactNode	`—`	Content rendered inside this component.
`onFocus`	React.FocusEventHandler<HTMLDivElement> \| undefined React.FocusEventHandler<HTMLDivElement> \| undefined	`—`	Called when the control receives focus.
`onBlur`	React.FocusEventHandler<HTMLDivElement> \| undefined React.FocusEventHandler<HTMLDivElement> \| undefined	`—`	Called when the control loses focus.
`onChange`	React.ChangeEventHandler<HTMLDivElement, Element> \| undefined React.ChangeEventHandler<HTMLDivElement, Element> \| undefined	`—`	Called when the underlying form control changes; inspect the event for its value.
`onKeyDown`	React.KeyboardEventHandler<HTMLDivElement> \| undefined React.KeyboardEventHandler<HTMLDivElement> \| undefined	`—`	Called when a key is pressed while this element is focused.
`onClick`	React.MouseEventHandler<HTMLDivElement> \| undefined React.MouseEventHandler<HTMLDivElement> \| undefined	`—`	Called when the element is activated.
`hideLabel`	boolean \| undefined boolean \| undefined	`false`	Hides the series label in the chart tooltip.
`hideIndicator`	boolean \| undefined boolean \| undefined	`false`	Hides the chart's series indicator.
`indicator`	"line" \| "dot" \| "dashed" \| undefined "line" \| "dot" \| "dashed" \| undefined	`"dot"`	Shape used for the chart's series indicator.
`nameKey`	string \| undefined string \| undefined	`—`	Data key used to resolve a series name.
`labelKey`	string \| undefined string \| undefined	`—`	Data key used to resolve a series label.
`label`	React.ReactNode React.ReactNode	`—`	Visible or accessible text identifying this element.
`payload`	readonly RechartsPrimitive.TooltipPayloadEntry<RechartsPrimitive.TooltipValueType, Tooltip… readonly RechartsPrimitive.TooltipPayloadEntry<RechartsPrimitive.TooltipValueType, TooltipNameType>[] \| undefined	`—`	Configures payload; see the accepted type.

ChartLegend

ChartLegend properties
Prop	Type	Default	Description
`className`	string \| undefined string \| undefined	`—`	Additional CSS classes merged with the component styles.
`id`	string \| undefined string \| undefined	`—`	Unique identifier used to associate labels and descriptions.
`children`	React.ReactNode React.ReactNode	`—`	Content rendered inside this component.
`dangerouslySetInnerHTML`	{ __html: string; } \| undefined { __html: string; } \| undefined	`—`	Configures dangerously set inner html; see the accepted type.
`onCopy`	AdaptChildClipboardEventHandler<any, React.ReactElement<unknown, string \| React.JSXElement… AdaptChildClipboardEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for copy events. See the signature for parameters.
`onCopyCapture`	AdaptChildClipboardEventHandler<any, React.ReactElement<unknown, string \| React.JSXElement… AdaptChildClipboardEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for copy capture events. See the signature for parameters.
`onCut`	AdaptChildClipboardEventHandler<any, React.ReactElement<unknown, string \| React.JSXElement… AdaptChildClipboardEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for cut events. See the signature for parameters.
`onCutCapture`	AdaptChildClipboardEventHandler<any, React.ReactElement<unknown, string \| React.JSXElement… AdaptChildClipboardEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for cut capture events. See the signature for parameters.
`onPaste`	AdaptChildClipboardEventHandler<any, React.ReactElement<unknown, string \| React.JSXElement… AdaptChildClipboardEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for paste events. See the signature for parameters.
`onPasteCapture`	AdaptChildClipboardEventHandler<any, React.ReactElement<unknown, string \| React.JSXElement… AdaptChildClipboardEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for paste capture events. See the signature for parameters.
`onCompositionEnd`	AdaptChildCompositionEventHandler<any, React.ReactElement<unknown, string \| React.JSXEleme… AdaptChildCompositionEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for composition end events. See the signature for parameters.
`onCompositionEndCapture`	AdaptChildCompositionEventHandler<any, React.ReactElement<unknown, string \| React.JSXEleme… AdaptChildCompositionEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for composition end capture events. See the signature for parameters.
`onCompositionStart`	AdaptChildCompositionEventHandler<any, React.ReactElement<unknown, string \| React.JSXEleme… AdaptChildCompositionEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for composition start events. See the signature for parameters.
`onCompositionStartCapture`	AdaptChildCompositionEventHandler<any, React.ReactElement<unknown, string \| React.JSXEleme… AdaptChildCompositionEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for composition start capture events. See the signature for parameters.
`onCompositionUpdate`	AdaptChildCompositionEventHandler<any, React.ReactElement<unknown, string \| React.JSXEleme… AdaptChildCompositionEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for composition update events. See the signature for parameters.
`onCompositionUpdateCapture`	AdaptChildCompositionEventHandler<any, React.ReactElement<unknown, string \| React.JSXEleme… AdaptChildCompositionEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for composition update capture events. See the signature for parameters.
`onFocus`	AdaptChildFocusEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildFocusEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Called when the control receives focus.
`onFocusCapture`	AdaptChildFocusEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildFocusEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for focus capture events. See the signature for parameters.
`onBlur`	AdaptChildFocusEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildFocusEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Called when the control loses focus.
`onBlurCapture`	AdaptChildFocusEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildFocusEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for blur capture events. See the signature for parameters.
`onChange`	AdaptChildFormEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConst… AdaptChildFormEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Called when the underlying form control changes; inspect the event for its value.
`onChangeCapture`	AdaptChildFormEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConst… AdaptChildFormEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for change capture events. See the signature for parameters.
`onBeforeInput`	AdaptChildFormEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConst… AdaptChildFormEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for before input events. See the signature for parameters.
`onBeforeInputCapture`	AdaptChildFormEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConst… AdaptChildFormEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for before input capture events. See the signature for parameters.
`onInput`	AdaptChildFormEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConst… AdaptChildFormEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Called when the input receives user changes.
`onInputCapture`	AdaptChildFormEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConst… AdaptChildFormEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for input capture events. See the signature for parameters.
`onReset`	AdaptChildFormEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConst… AdaptChildFormEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for reset events. See the signature for parameters.
`onResetCapture`	AdaptChildFormEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConst… AdaptChildFormEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for reset capture events. See the signature for parameters.
`onSubmit`	AdaptChildFormEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConst… AdaptChildFormEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Called when the form is submitted. Prevent the default action when handling it locally.
`onSubmitCapture`	AdaptChildFormEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConst… AdaptChildFormEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for submit capture events. See the signature for parameters.
`onInvalid`	AdaptChildFormEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConst… AdaptChildFormEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for invalid events. See the signature for parameters.
`onInvalidCapture`	AdaptChildFormEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConst… AdaptChildFormEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for invalid capture events. See the signature for parameters.
`onLoad`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Called when the resource finishes loading.
`onLoadCapture`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for load capture events. See the signature for parameters.
`onError`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Called when the resource fails to load.
`onErrorCapture`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for error capture events. See the signature for parameters.
`onKeyDown`	AdaptChildKeyboardEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementC… AdaptChildKeyboardEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Called when a key is pressed while this element is focused.
`onKeyDownCapture`	AdaptChildKeyboardEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementC… AdaptChildKeyboardEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for key down capture events. See the signature for parameters.
`onKeyPress`	AdaptChildKeyboardEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementC… AdaptChildKeyboardEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for key press events. See the signature for parameters.
`onKeyPressCapture`	AdaptChildKeyboardEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementC… AdaptChildKeyboardEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for key press capture events. See the signature for parameters.
`onKeyUp`	AdaptChildKeyboardEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementC… AdaptChildKeyboardEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Called when a key is released while this element is focused.
`onKeyUpCapture`	AdaptChildKeyboardEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementC… AdaptChildKeyboardEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for key up capture events. See the signature for parameters.
`onAbort`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for abort events. See the signature for parameters.
`onAbortCapture`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for abort capture events. See the signature for parameters.
`onCanPlay`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for can play events. See the signature for parameters.
`onCanPlayCapture`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for can play capture events. See the signature for parameters.
`onCanPlayThrough`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for can play through events. See the signature for parameters.
`onCanPlayThroughCapture`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for can play through capture events. See the signature for parameters.
`onDurationChange`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for duration change events. See the signature for parameters.
`onDurationChangeCapture`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for duration change capture events. See the signature for parameters.
`onEmptied`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for emptied events. See the signature for parameters.
`onEmptiedCapture`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for emptied capture events. See the signature for parameters.
`onEncrypted`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for encrypted events. See the signature for parameters.
`onEncryptedCapture`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for encrypted capture events. See the signature for parameters.
`onEnded`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for ended events. See the signature for parameters.
`onEndedCapture`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for ended capture events. See the signature for parameters.
`onLoadedData`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for loaded data events. See the signature for parameters.
`onLoadedDataCapture`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for loaded data capture events. See the signature for parameters.
`onLoadedMetadata`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for loaded metadata events. See the signature for parameters.
`onLoadedMetadataCapture`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for loaded metadata capture events. See the signature for parameters.
`onLoadStart`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for load start events. See the signature for parameters.
`onLoadStartCapture`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for load start capture events. See the signature for parameters.
`onPause`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for pause events. See the signature for parameters.
`onPauseCapture`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for pause capture events. See the signature for parameters.
`onPlay`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for play events. See the signature for parameters.
`onPlayCapture`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for play capture events. See the signature for parameters.
`onPlaying`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for playing events. See the signature for parameters.
`onPlayingCapture`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for playing capture events. See the signature for parameters.
`onProgress`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for progress events. See the signature for parameters.
`onProgressCapture`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for progress capture events. See the signature for parameters.
`onRateChange`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for rate change events. See the signature for parameters.
`onRateChangeCapture`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for rate change capture events. See the signature for parameters.
`onSeeked`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for seeked events. See the signature for parameters.
`onSeekedCapture`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for seeked capture events. See the signature for parameters.
`onSeeking`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for seeking events. See the signature for parameters.
`onSeekingCapture`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for seeking capture events. See the signature for parameters.
`onStalled`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for stalled events. See the signature for parameters.
`onStalledCapture`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for stalled capture events. See the signature for parameters.
`onSuspend`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for suspend events. See the signature for parameters.
`onSuspendCapture`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for suspend capture events. See the signature for parameters.
`onTimeUpdate`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for time update events. See the signature for parameters.
`onTimeUpdateCapture`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for time update capture events. See the signature for parameters.
`onVolumeChange`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for volume change events. See the signature for parameters.
`onVolumeChangeCapture`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for volume change capture events. See the signature for parameters.
`onWaiting`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for waiting events. See the signature for parameters.
`onWaitingCapture`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for waiting capture events. See the signature for parameters.
`onAuxClick`	AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for aux click events. See the signature for parameters.
`onAuxClickCapture`	AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for aux click capture events. See the signature for parameters.
`onClick`	((data: RechartsPrimitive.LegendPayload, index: number, event: React.MouseEvent<HTMLElemen… ((data: RechartsPrimitive.LegendPayload, index: number, event: React.MouseEvent<HTMLElement>) => void) \| undefined	`—`	The customized event handler of click on the items in this group
`onClickCapture`	AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for click capture events. See the signature for parameters.
`onContextMenu`	AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Called when the user requests a context menu.
`onContextMenuCapture`	AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for context menu capture events. See the signature for parameters.
`onDoubleClick`	AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Called when the element is activated twice in quick succession.
`onDoubleClickCapture`	AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for double click capture events. See the signature for parameters.
`onDrag`	AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConst… AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Called while dragging the element.
`onDragCapture`	AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConst… AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for drag capture events. See the signature for parameters.
`onDragEnd`	AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConst… AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for drag end events. See the signature for parameters.
`onDragEndCapture`	AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConst… AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for drag end capture events. See the signature for parameters.
`onDragEnter`	AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConst… AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for drag enter events. See the signature for parameters.
`onDragEnterCapture`	AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConst… AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for drag enter capture events. See the signature for parameters.
`onDragExit`	AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConst… AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for drag exit events. See the signature for parameters.
`onDragExitCapture`	AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConst… AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for drag exit capture events. See the signature for parameters.
`onDragLeave`	AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConst… AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for drag leave events. See the signature for parameters.
`onDragLeaveCapture`	AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConst… AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for drag leave capture events. See the signature for parameters.
`onDragOver`	AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConst… AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for drag over events. See the signature for parameters.
`onDragOverCapture`	AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConst… AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for drag over capture events. See the signature for parameters.
`onDragStart`	AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConst… AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for drag start events. See the signature for parameters.
`onDragStartCapture`	AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConst… AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for drag start capture events. See the signature for parameters.
`onDrop`	AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConst… AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Called when an item is dropped on the element.
`onDropCapture`	AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConst… AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for drop capture events. See the signature for parameters.
`onMouseDown`	AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for mouse down events. See the signature for parameters.
`onMouseDownCapture`	AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for mouse down capture events. See the signature for parameters.
`onMouseEnter`	((data: RechartsPrimitive.LegendPayload, index: number, event: React.MouseEvent<HTMLElemen… ((data: RechartsPrimitive.LegendPayload, index: number, event: React.MouseEvent<HTMLElement>) => void) \| undefined	`—`	The customized event handler of mouseenter on the items in this group
`onMouseLeave`	((data: RechartsPrimitive.LegendPayload, index: number, event: React.MouseEvent<HTMLElemen… ((data: RechartsPrimitive.LegendPayload, index: number, event: React.MouseEvent<HTMLElement>) => void) \| undefined	`—`	The customized event handler of mouseleave on the items in this group
`onMouseMove`	AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for mouse move events. See the signature for parameters.
`onMouseMoveCapture`	AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for mouse move capture events. See the signature for parameters.
`onMouseOut`	AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for mouse out events. See the signature for parameters.
`onMouseOutCapture`	AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for mouse out capture events. See the signature for parameters.
`onMouseOver`	AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for mouse over events. See the signature for parameters.
`onMouseOverCapture`	AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for mouse over capture events. See the signature for parameters.
`onMouseUp`	AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for mouse up events. See the signature for parameters.
`onMouseUpCapture`	AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for mouse up capture events. See the signature for parameters.
`onSelect`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Called when the user selects an item or date.
`onSelectCapture`	AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for select capture events. See the signature for parameters.
`onTouchCancel`	AdaptChildTouchEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildTouchEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for touch cancel events. See the signature for parameters.
`onTouchCancelCapture`	AdaptChildTouchEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildTouchEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for touch cancel capture events. See the signature for parameters.
`onTouchEnd`	AdaptChildTouchEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildTouchEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for touch end events. See the signature for parameters.
`onTouchEndCapture`	AdaptChildTouchEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildTouchEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for touch end capture events. See the signature for parameters.
`onTouchMove`	AdaptChildTouchEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildTouchEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for touch move events. See the signature for parameters.
`onTouchMoveCapture`	AdaptChildTouchEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildTouchEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for touch move capture events. See the signature for parameters.
`onTouchStart`	AdaptChildTouchEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildTouchEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for touch start events. See the signature for parameters.
`onTouchStartCapture`	AdaptChildTouchEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildTouchEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for touch start capture events. See the signature for parameters.
`onPointerDown`	AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCo… AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Called when a pointer is pressed on the element.
`onPointerDownCapture`	AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCo… AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for pointer down capture events. See the signature for parameters.
`onPointerMove`	AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCo… AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for pointer move events. See the signature for parameters.
`onPointerMoveCapture`	AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCo… AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for pointer move capture events. See the signature for parameters.
`onPointerUp`	AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCo… AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Called when a pointer is released on the element.
`onPointerUpCapture`	AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCo… AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for pointer up capture events. See the signature for parameters.
`onPointerCancel`	AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCo… AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for pointer cancel events. See the signature for parameters.
`onPointerCancelCapture`	AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCo… AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for pointer cancel capture events. See the signature for parameters.
`onPointerEnter`	AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCo… AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for pointer enter events. See the signature for parameters.
`onPointerLeave`	AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCo… AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for pointer leave events. See the signature for parameters.
`onPointerOver`	AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCo… AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for pointer over events. See the signature for parameters.
`onPointerOverCapture`	AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCo… AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for pointer over capture events. See the signature for parameters.
`onPointerOut`	AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCo… AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for pointer out events. See the signature for parameters.
`onPointerOutCapture`	AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCo… AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for pointer out capture events. See the signature for parameters.
`onGotPointerCapture`	AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCo… AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for got pointer capture events. See the signature for parameters.
`onGotPointerCaptureCapture`	AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCo… AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for got pointer capture capture events. See the signature for parameters.
`onLostPointerCapture`	AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCo… AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for lost pointer capture events. See the signature for parameters.
`onLostPointerCaptureCapture`	AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCo… AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for lost pointer capture capture events. See the signature for parameters.
`onScroll`	AdaptChildUIEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstru… AdaptChildUIEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Called when the scroll position changes.
`onScrollCapture`	AdaptChildUIEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstru… AdaptChildUIEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for scroll capture events. See the signature for parameters.
`onWheel`	AdaptChildWheelEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildWheelEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Called when a wheel input occurs over the element.
`onWheelCapture`	AdaptChildWheelEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCons… AdaptChildWheelEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for wheel capture events. See the signature for parameters.
`onAnimationStart`	AdaptChildAnimationEventHandler<any, React.ReactElement<unknown, string \| React.JSXElement… AdaptChildAnimationEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for animation start events. See the signature for parameters.
`onAnimationStartCapture`	AdaptChildAnimationEventHandler<any, React.ReactElement<unknown, string \| React.JSXElement… AdaptChildAnimationEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for animation start capture events. See the signature for parameters.
`onAnimationEnd`	AdaptChildAnimationEventHandler<any, React.ReactElement<unknown, string \| React.JSXElement… AdaptChildAnimationEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for animation end events. See the signature for parameters.
`onAnimationEndCapture`	AdaptChildAnimationEventHandler<any, React.ReactElement<unknown, string \| React.JSXElement… AdaptChildAnimationEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for animation end capture events. See the signature for parameters.
`onAnimationIteration`	AdaptChildAnimationEventHandler<any, React.ReactElement<unknown, string \| React.JSXElement… AdaptChildAnimationEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for animation iteration events. See the signature for parameters.
`onAnimationIterationCapture`	AdaptChildAnimationEventHandler<any, React.ReactElement<unknown, string \| React.JSXElement… AdaptChildAnimationEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for animation iteration capture events. See the signature for parameters.
`onTransitionEnd`	AdaptChildTransitionEventHandler<any, React.ReactElement<unknown, string \| React.JSXElemen… AdaptChildTransitionEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for transition end events. See the signature for parameters.
`onTransitionEndCapture`	AdaptChildTransitionEventHandler<any, React.ReactElement<unknown, string \| React.JSXElemen… AdaptChildTransitionEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for transition end capture events. See the signature for parameters.
`name`	string \| undefined string \| undefined	`—`	Field name used in form data.
`type`	string \| undefined string \| undefined	`—`	The native input or button behavior.
`height`	string \| number \| undefined string \| number \| undefined	`—`	Height of the legend. Accept CSS style string values like `100%` or `fit-content`, or number values like `400`.
`width`	string \| number \| undefined string \| number \| undefined	`—`	Width of the legend. Accept CSS style string values like `100%` or `fit-content`, or number values like `400`.
`formatter`	Formatter \| undefined Formatter \| undefined	`—`	Function to customize how content is serialized before rendering. This should return HTML elements, or strings.
`labelStyle`	React.CSSProperties \| undefined React.CSSProperties \| undefined	`{}`	The style of each text label which is a span element.
`max`	string \| number \| undefined string \| number \| undefined	`—`	Maximum allowed value.
`min`	string \| number \| undefined string \| number \| undefined	`—`	Minimum allowed value.
`target`	string \| undefined string \| undefined	`—`	Browsing context in which the link opens.
`href`	string \| undefined string \| undefined	`—`	Destination URL for the link.
`onPointerEnterCapture`	AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCo… AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for pointer enter capture events. See the signature for parameters.
`onPointerLeaveCapture`	AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCo… AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for pointer leave capture events. See the signature for parameters.
`iconSize`	number \| undefined number \| undefined	`14`	The size of icon in each legend item.
`iconType`	RechartsPrimitive.LegendType \| undefined RechartsPrimitive.LegendType \| undefined	`—`	The type of icon in each legend item.
`layout`	CartesianLayout \| undefined CartesianLayout \| undefined	`horizontal`	The layout of legend items inside the legend container.
`align`	HorizontalAlignmentType \| undefined HorizontalAlignmentType \| undefined	`center`	Horizontal alignment of the whole Legend container: - `left`: shows the Legend to the left of the chart, and chart width reduces automatically to make space for it. - `right` shows the Legend to the right of the chart, and chart width reduces automatically. - `center` shows the Legend in the middle of chart, and chart width remains unchanged. The exact behavior changes depending on 'verticalAlign' prop.
`inactiveColor`	string \| undefined string \| undefined	`#ccc`	The color of the icon when the item is inactive.
`content`	ContentType \| undefined ContentType \| undefined	`—`	Renders the content of the legend. This should return HTML elements, not SVG elements. - If not set, the DefaultLegendContent component is used. - If set to a React element, this element will be cloned and extra props will be passed in. - If set to a function, the function will be called and should return HTML elements.
`wrapperStyle`	React.CSSProperties \| undefined React.CSSProperties \| undefined	`—`	CSS styles to be applied to the wrapper `div` element.
`payloadUniqBy`	UniqueOption<RechartsPrimitive.LegendPayload> \| undefined UniqueOption<RechartsPrimitive.LegendPayload> \| undefined	`—`	Configures payload uniq by; see the accepted type.
`onBBoxUpdate`	((box: ElementOffset \| null) => void) \| undefined ((box: ElementOffset \| null) => void) \| undefined	`—`	Callback for bbox update events. See the signature for parameters.
`portal`	HTMLElement \| null \| undefined HTMLElement \| null \| undefined	`—`	If portal is defined, then Legend will use this element as a target for rendering using React Portal. If this is undefined then Legend renders inside the recharts-wrapper element.
`itemSorter`	LegendItemSorter \| null \| undefined LegendItemSorter \| null \| undefined	`value`	Sorts Legend items. Defaults to `value` which means it will sort alphabetically by the label. If `null` is provided then the payload is not sorted. Be aware that without sort, the order of items may change between renders!
`verticalAlign`	VerticalAlignmentType \| undefined VerticalAlignmentType \| undefined	`bottom`	The alignment of the whole Legend container: - `bottom`: shows the Legend below chart, and chart height reduces automatically to make space for it. - `top`: shows the Legend above chart, and chart height reduces automatically. - `middle`: shows the Legend in the middle of chart, covering other content, and chart height remains unchanged. The exact behavior changes depending on `align` prop.

ChartLegendContent

ChartLegendContent properties
Prop	Type	Default	Description
`ref`	((((instance: HTMLDivElement \| null) => void \| (() => VoidOrUndefinedOnly) \| React.DO_NOT_… ((((instance: HTMLDivElement \| null) => void \| (() => VoidOrUndefinedOnly) \| React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) \| React.RefObject<HTMLDivElement \| null>) & (((instance: React.ReactElement<unknown, string \| React.JSXElementConstructor<any>> \| null) => void \| (() => VoidOrUndefinedOnly) \| React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) \| React.RefObject<React.ReactElement<unknown, string \| React.JSXElementConstructor<any>> \| null>)) \| null \| undefined	`—`	Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).
`defaultChecked`	boolean \| undefined boolean \| undefined	`—`	Initial checked state for an uncontrolled control.
`defaultValue`	string \| number \| readonly string[] \| undefined string \| number \| readonly string[] \| undefined	`—`	Initial value for an uncontrolled component.
`className`	string \| undefined string \| undefined	`—`	Additional CSS classes merged with the component styles.
`id`	string \| undefined string \| undefined	`—`	Unique identifier used to associate labels and descriptions.
`children`	React.ReactNode React.ReactNode	`—`	Content rendered inside this component.
`dangerouslySetInnerHTML`	({ __html: string \| TrustedHTML; } & { __html: string; }) \| undefined ({ __html: string \| TrustedHTML; } & { __html: string; }) \| undefined	`—`	Configures dangerously set inner html; see the accepted type.
`onCopy`	(React.ClipboardEventHandler<HTMLDivElement> & AdaptChildClipboardEventHandler<any, React.… (React.ClipboardEventHandler<HTMLDivElement> & AdaptChildClipboardEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for copy events. See the signature for parameters.
`onCopyCapture`	(React.ClipboardEventHandler<HTMLDivElement> & AdaptChildClipboardEventHandler<any, React.… (React.ClipboardEventHandler<HTMLDivElement> & AdaptChildClipboardEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for copy capture events. See the signature for parameters.
`onCut`	(React.ClipboardEventHandler<HTMLDivElement> & AdaptChildClipboardEventHandler<any, React.… (React.ClipboardEventHandler<HTMLDivElement> & AdaptChildClipboardEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for cut events. See the signature for parameters.
`onCutCapture`	(React.ClipboardEventHandler<HTMLDivElement> & AdaptChildClipboardEventHandler<any, React.… (React.ClipboardEventHandler<HTMLDivElement> & AdaptChildClipboardEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for cut capture events. See the signature for parameters.
`onPaste`	(React.ClipboardEventHandler<HTMLDivElement> & AdaptChildClipboardEventHandler<any, React.… (React.ClipboardEventHandler<HTMLDivElement> & AdaptChildClipboardEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for paste events. See the signature for parameters.
`onPasteCapture`	(React.ClipboardEventHandler<HTMLDivElement> & AdaptChildClipboardEventHandler<any, React.… (React.ClipboardEventHandler<HTMLDivElement> & AdaptChildClipboardEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for paste capture events. See the signature for parameters.
`onCompositionEnd`	(React.CompositionEventHandler<HTMLDivElement> & AdaptChildCompositionEventHandler<any, Re… (React.CompositionEventHandler<HTMLDivElement> & AdaptChildCompositionEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for composition end events. See the signature for parameters.
`onCompositionEndCapture`	(React.CompositionEventHandler<HTMLDivElement> & AdaptChildCompositionEventHandler<any, Re… (React.CompositionEventHandler<HTMLDivElement> & AdaptChildCompositionEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for composition end capture events. See the signature for parameters.
`onCompositionStart`	(React.CompositionEventHandler<HTMLDivElement> & AdaptChildCompositionEventHandler<any, Re… (React.CompositionEventHandler<HTMLDivElement> & AdaptChildCompositionEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for composition start events. See the signature for parameters.
`onCompositionStartCapture`	(React.CompositionEventHandler<HTMLDivElement> & AdaptChildCompositionEventHandler<any, Re… (React.CompositionEventHandler<HTMLDivElement> & AdaptChildCompositionEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for composition start capture events. See the signature for parameters.
`onCompositionUpdate`	(React.CompositionEventHandler<HTMLDivElement> & AdaptChildCompositionEventHandler<any, Re… (React.CompositionEventHandler<HTMLDivElement> & AdaptChildCompositionEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for composition update events. See the signature for parameters.
`onCompositionUpdateCapture`	(React.CompositionEventHandler<HTMLDivElement> & AdaptChildCompositionEventHandler<any, Re… (React.CompositionEventHandler<HTMLDivElement> & AdaptChildCompositionEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for composition update capture events. See the signature for parameters.
`onFocus`	(React.FocusEventHandler<HTMLDivElement> & AdaptChildFocusEventHandler<any, React.ReactEle… (React.FocusEventHandler<HTMLDivElement> & AdaptChildFocusEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Called when the control receives focus.
`onFocusCapture`	(React.FocusEventHandler<HTMLDivElement> & AdaptChildFocusEventHandler<any, React.ReactEle… (React.FocusEventHandler<HTMLDivElement> & AdaptChildFocusEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for focus capture events. See the signature for parameters.
`onBlur`	(React.FocusEventHandler<HTMLDivElement> & AdaptChildFocusEventHandler<any, React.ReactEle… (React.FocusEventHandler<HTMLDivElement> & AdaptChildFocusEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Called when the control loses focus.
`onBlurCapture`	(React.FocusEventHandler<HTMLDivElement> & AdaptChildFocusEventHandler<any, React.ReactEle… (React.FocusEventHandler<HTMLDivElement> & AdaptChildFocusEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for blur capture events. See the signature for parameters.
`onChange`	(React.ChangeEventHandler<HTMLDivElement, Element> & AdaptChildFormEventHandler<any, React… (React.ChangeEventHandler<HTMLDivElement, Element> & AdaptChildFormEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Called when the underlying form control changes; inspect the event for its value.
`onChangeCapture`	(React.ChangeEventHandler<HTMLDivElement, Element> & AdaptChildFormEventHandler<any, React… (React.ChangeEventHandler<HTMLDivElement, Element> & AdaptChildFormEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for change capture events. See the signature for parameters.
`onBeforeInput`	(React.InputEventHandler<HTMLDivElement> & AdaptChildFormEventHandler<any, React.ReactElem… (React.InputEventHandler<HTMLDivElement> & AdaptChildFormEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for before input events. See the signature for parameters.
`onBeforeInputCapture`	(React.InputEventHandler<HTMLDivElement> & AdaptChildFormEventHandler<any, React.ReactElem… (React.InputEventHandler<HTMLDivElement> & AdaptChildFormEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for before input capture events. See the signature for parameters.
`onInput`	(React.InputEventHandler<HTMLDivElement> & AdaptChildFormEventHandler<any, React.ReactElem… (React.InputEventHandler<HTMLDivElement> & AdaptChildFormEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Called when the input receives user changes.
`onInputCapture`	(React.InputEventHandler<HTMLDivElement> & AdaptChildFormEventHandler<any, React.ReactElem… (React.InputEventHandler<HTMLDivElement> & AdaptChildFormEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for input capture events. See the signature for parameters.
`onReset`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildFormEventHandler<any, React.ReactElem… (React.ReactEventHandler<HTMLDivElement> & AdaptChildFormEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for reset events. See the signature for parameters.
`onResetCapture`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildFormEventHandler<any, React.ReactElem… (React.ReactEventHandler<HTMLDivElement> & AdaptChildFormEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for reset capture events. See the signature for parameters.
`onSubmit`	(React.SubmitEventHandler<HTMLDivElement> & AdaptChildFormEventHandler<any, React.ReactEle… (React.SubmitEventHandler<HTMLDivElement> & AdaptChildFormEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Called when the form is submitted. Prevent the default action when handling it locally.
`onSubmitCapture`	(React.SubmitEventHandler<HTMLDivElement> & AdaptChildFormEventHandler<any, React.ReactEle… (React.SubmitEventHandler<HTMLDivElement> & AdaptChildFormEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for submit capture events. See the signature for parameters.
`onInvalid`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildFormEventHandler<any, React.ReactElem… (React.ReactEventHandler<HTMLDivElement> & AdaptChildFormEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for invalid events. See the signature for parameters.
`onInvalidCapture`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildFormEventHandler<any, React.ReactElem… (React.ReactEventHandler<HTMLDivElement> & AdaptChildFormEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for invalid capture events. See the signature for parameters.
`onLoad`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Called when the resource finishes loading.
`onLoadCapture`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for load capture events. See the signature for parameters.
`onError`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Called when the resource fails to load.
`onErrorCapture`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for error capture events. See the signature for parameters.
`onKeyDown`	(React.KeyboardEventHandler<HTMLDivElement> & AdaptChildKeyboardEventHandler<any, React.Re… (React.KeyboardEventHandler<HTMLDivElement> & AdaptChildKeyboardEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Called when a key is pressed while this element is focused.
`onKeyDownCapture`	(React.KeyboardEventHandler<HTMLDivElement> & AdaptChildKeyboardEventHandler<any, React.Re… (React.KeyboardEventHandler<HTMLDivElement> & AdaptChildKeyboardEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for key down capture events. See the signature for parameters.
`onKeyPress`	(React.KeyboardEventHandler<HTMLDivElement> & AdaptChildKeyboardEventHandler<any, React.Re… (React.KeyboardEventHandler<HTMLDivElement> & AdaptChildKeyboardEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for key press events. See the signature for parameters.
`onKeyPressCapture`	(React.KeyboardEventHandler<HTMLDivElement> & AdaptChildKeyboardEventHandler<any, React.Re… (React.KeyboardEventHandler<HTMLDivElement> & AdaptChildKeyboardEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for key press capture events. See the signature for parameters.
`onKeyUp`	(React.KeyboardEventHandler<HTMLDivElement> & AdaptChildKeyboardEventHandler<any, React.Re… (React.KeyboardEventHandler<HTMLDivElement> & AdaptChildKeyboardEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Called when a key is released while this element is focused.
`onKeyUpCapture`	(React.KeyboardEventHandler<HTMLDivElement> & AdaptChildKeyboardEventHandler<any, React.Re… (React.KeyboardEventHandler<HTMLDivElement> & AdaptChildKeyboardEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for key up capture events. See the signature for parameters.
`onAbort`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for abort events. See the signature for parameters.
`onAbortCapture`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for abort capture events. See the signature for parameters.
`onCanPlay`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for can play events. See the signature for parameters.
`onCanPlayCapture`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for can play capture events. See the signature for parameters.
`onCanPlayThrough`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for can play through events. See the signature for parameters.
`onCanPlayThroughCapture`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for can play through capture events. See the signature for parameters.
`onDurationChange`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for duration change events. See the signature for parameters.
`onDurationChangeCapture`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for duration change capture events. See the signature for parameters.
`onEmptied`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for emptied events. See the signature for parameters.
`onEmptiedCapture`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for emptied capture events. See the signature for parameters.
`onEncrypted`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for encrypted events. See the signature for parameters.
`onEncryptedCapture`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for encrypted capture events. See the signature for parameters.
`onEnded`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for ended events. See the signature for parameters.
`onEndedCapture`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for ended capture events. See the signature for parameters.
`onLoadedData`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for loaded data events. See the signature for parameters.
`onLoadedDataCapture`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for loaded data capture events. See the signature for parameters.
`onLoadedMetadata`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for loaded metadata events. See the signature for parameters.
`onLoadedMetadataCapture`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for loaded metadata capture events. See the signature for parameters.
`onLoadStart`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for load start events. See the signature for parameters.
`onLoadStartCapture`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for load start capture events. See the signature for parameters.
`onPause`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for pause events. See the signature for parameters.
`onPauseCapture`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for pause capture events. See the signature for parameters.
`onPlay`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for play events. See the signature for parameters.
`onPlayCapture`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for play capture events. See the signature for parameters.
`onPlaying`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for playing events. See the signature for parameters.
`onPlayingCapture`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for playing capture events. See the signature for parameters.
`onProgress`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for progress events. See the signature for parameters.
`onProgressCapture`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for progress capture events. See the signature for parameters.
`onRateChange`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for rate change events. See the signature for parameters.
`onRateChangeCapture`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for rate change capture events. See the signature for parameters.
`onSeeked`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for seeked events. See the signature for parameters.
`onSeekedCapture`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for seeked capture events. See the signature for parameters.
`onSeeking`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for seeking events. See the signature for parameters.
`onSeekingCapture`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for seeking capture events. See the signature for parameters.
`onStalled`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for stalled events. See the signature for parameters.
`onStalledCapture`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for stalled capture events. See the signature for parameters.
`onSuspend`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for suspend events. See the signature for parameters.
`onSuspendCapture`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for suspend capture events. See the signature for parameters.
`onTimeUpdate`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for time update events. See the signature for parameters.
`onTimeUpdateCapture`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for time update capture events. See the signature for parameters.
`onVolumeChange`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for volume change events. See the signature for parameters.
`onVolumeChangeCapture`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for volume change capture events. See the signature for parameters.
`onWaiting`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for waiting events. See the signature for parameters.
`onWaitingCapture`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for waiting capture events. See the signature for parameters.
`onAuxClick`	(React.MouseEventHandler<HTMLDivElement> & AdaptChildMouseEventHandler<any, React.ReactEle… (React.MouseEventHandler<HTMLDivElement> & AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for aux click events. See the signature for parameters.
`onAuxClickCapture`	(React.MouseEventHandler<HTMLDivElement> & AdaptChildMouseEventHandler<any, React.ReactEle… (React.MouseEventHandler<HTMLDivElement> & AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for aux click capture events. See the signature for parameters.
`onClick`	(React.MouseEventHandler<HTMLDivElement> & ((data: RechartsPrimitive.LegendPayload, index:… (React.MouseEventHandler<HTMLDivElement> & ((data: RechartsPrimitive.LegendPayload, index: number, event: React.MouseEvent<HTMLElement>) => void)) \| undefined	`—`	The customized event handler of click on the items in this group
`onClickCapture`	(React.MouseEventHandler<HTMLDivElement> & AdaptChildMouseEventHandler<any, React.ReactEle… (React.MouseEventHandler<HTMLDivElement> & AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for click capture events. See the signature for parameters.
`onContextMenu`	(React.MouseEventHandler<HTMLDivElement> & AdaptChildMouseEventHandler<any, React.ReactEle… (React.MouseEventHandler<HTMLDivElement> & AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Called when the user requests a context menu.
`onContextMenuCapture`	(React.MouseEventHandler<HTMLDivElement> & AdaptChildMouseEventHandler<any, React.ReactEle… (React.MouseEventHandler<HTMLDivElement> & AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for context menu capture events. See the signature for parameters.
`onDoubleClick`	(React.MouseEventHandler<HTMLDivElement> & AdaptChildMouseEventHandler<any, React.ReactEle… (React.MouseEventHandler<HTMLDivElement> & AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Called when the element is activated twice in quick succession.
`onDoubleClickCapture`	(React.MouseEventHandler<HTMLDivElement> & AdaptChildMouseEventHandler<any, React.ReactEle… (React.MouseEventHandler<HTMLDivElement> & AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for double click capture events. See the signature for parameters.
`onDrag`	(React.DragEventHandler<HTMLDivElement> & AdaptChildDragEventHandler<any, React.ReactEleme… (React.DragEventHandler<HTMLDivElement> & AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Called while dragging the element.
`onDragCapture`	(React.DragEventHandler<HTMLDivElement> & AdaptChildDragEventHandler<any, React.ReactEleme… (React.DragEventHandler<HTMLDivElement> & AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for drag capture events. See the signature for parameters.
`onDragEnd`	(React.DragEventHandler<HTMLDivElement> & AdaptChildDragEventHandler<any, React.ReactEleme… (React.DragEventHandler<HTMLDivElement> & AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for drag end events. See the signature for parameters.
`onDragEndCapture`	(React.DragEventHandler<HTMLDivElement> & AdaptChildDragEventHandler<any, React.ReactEleme… (React.DragEventHandler<HTMLDivElement> & AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for drag end capture events. See the signature for parameters.
`onDragEnter`	(React.DragEventHandler<HTMLDivElement> & AdaptChildDragEventHandler<any, React.ReactEleme… (React.DragEventHandler<HTMLDivElement> & AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for drag enter events. See the signature for parameters.
`onDragEnterCapture`	(React.DragEventHandler<HTMLDivElement> & AdaptChildDragEventHandler<any, React.ReactEleme… (React.DragEventHandler<HTMLDivElement> & AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for drag enter capture events. See the signature for parameters.
`onDragExit`	(React.DragEventHandler<HTMLDivElement> & AdaptChildDragEventHandler<any, React.ReactEleme… (React.DragEventHandler<HTMLDivElement> & AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for drag exit events. See the signature for parameters.
`onDragExitCapture`	(React.DragEventHandler<HTMLDivElement> & AdaptChildDragEventHandler<any, React.ReactEleme… (React.DragEventHandler<HTMLDivElement> & AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for drag exit capture events. See the signature for parameters.
`onDragLeave`	(React.DragEventHandler<HTMLDivElement> & AdaptChildDragEventHandler<any, React.ReactEleme… (React.DragEventHandler<HTMLDivElement> & AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for drag leave events. See the signature for parameters.
`onDragLeaveCapture`	(React.DragEventHandler<HTMLDivElement> & AdaptChildDragEventHandler<any, React.ReactEleme… (React.DragEventHandler<HTMLDivElement> & AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for drag leave capture events. See the signature for parameters.
`onDragOver`	(React.DragEventHandler<HTMLDivElement> & AdaptChildDragEventHandler<any, React.ReactEleme… (React.DragEventHandler<HTMLDivElement> & AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for drag over events. See the signature for parameters.
`onDragOverCapture`	(React.DragEventHandler<HTMLDivElement> & AdaptChildDragEventHandler<any, React.ReactEleme… (React.DragEventHandler<HTMLDivElement> & AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for drag over capture events. See the signature for parameters.
`onDragStart`	(React.DragEventHandler<HTMLDivElement> & AdaptChildDragEventHandler<any, React.ReactEleme… (React.DragEventHandler<HTMLDivElement> & AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for drag start events. See the signature for parameters.
`onDragStartCapture`	(React.DragEventHandler<HTMLDivElement> & AdaptChildDragEventHandler<any, React.ReactEleme… (React.DragEventHandler<HTMLDivElement> & AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for drag start capture events. See the signature for parameters.
`onDrop`	(React.DragEventHandler<HTMLDivElement> & AdaptChildDragEventHandler<any, React.ReactEleme… (React.DragEventHandler<HTMLDivElement> & AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Called when an item is dropped on the element.
`onDropCapture`	(React.DragEventHandler<HTMLDivElement> & AdaptChildDragEventHandler<any, React.ReactEleme… (React.DragEventHandler<HTMLDivElement> & AdaptChildDragEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for drop capture events. See the signature for parameters.
`onMouseDown`	(React.MouseEventHandler<HTMLDivElement> & AdaptChildMouseEventHandler<any, React.ReactEle… (React.MouseEventHandler<HTMLDivElement> & AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for mouse down events. See the signature for parameters.
`onMouseDownCapture`	(React.MouseEventHandler<HTMLDivElement> & AdaptChildMouseEventHandler<any, React.ReactEle… (React.MouseEventHandler<HTMLDivElement> & AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for mouse down capture events. See the signature for parameters.
`onMouseEnter`	(React.MouseEventHandler<HTMLDivElement> & ((data: RechartsPrimitive.LegendPayload, index:… (React.MouseEventHandler<HTMLDivElement> & ((data: RechartsPrimitive.LegendPayload, index: number, event: React.MouseEvent<HTMLElement>) => void)) \| undefined	`—`	The customized event handler of mouseenter on the items in this group
`onMouseLeave`	(React.MouseEventHandler<HTMLDivElement> & ((data: RechartsPrimitive.LegendPayload, index:… (React.MouseEventHandler<HTMLDivElement> & ((data: RechartsPrimitive.LegendPayload, index: number, event: React.MouseEvent<HTMLElement>) => void)) \| undefined	`—`	The customized event handler of mouseleave on the items in this group
`onMouseMove`	(React.MouseEventHandler<HTMLDivElement> & AdaptChildMouseEventHandler<any, React.ReactEle… (React.MouseEventHandler<HTMLDivElement> & AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for mouse move events. See the signature for parameters.
`onMouseMoveCapture`	(React.MouseEventHandler<HTMLDivElement> & AdaptChildMouseEventHandler<any, React.ReactEle… (React.MouseEventHandler<HTMLDivElement> & AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for mouse move capture events. See the signature for parameters.
`onMouseOut`	(React.MouseEventHandler<HTMLDivElement> & AdaptChildMouseEventHandler<any, React.ReactEle… (React.MouseEventHandler<HTMLDivElement> & AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for mouse out events. See the signature for parameters.
`onMouseOutCapture`	(React.MouseEventHandler<HTMLDivElement> & AdaptChildMouseEventHandler<any, React.ReactEle… (React.MouseEventHandler<HTMLDivElement> & AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for mouse out capture events. See the signature for parameters.
`onMouseOver`	(React.MouseEventHandler<HTMLDivElement> & AdaptChildMouseEventHandler<any, React.ReactEle… (React.MouseEventHandler<HTMLDivElement> & AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for mouse over events. See the signature for parameters.
`onMouseOverCapture`	(React.MouseEventHandler<HTMLDivElement> & AdaptChildMouseEventHandler<any, React.ReactEle… (React.MouseEventHandler<HTMLDivElement> & AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for mouse over capture events. See the signature for parameters.
`onMouseUp`	(React.MouseEventHandler<HTMLDivElement> & AdaptChildMouseEventHandler<any, React.ReactEle… (React.MouseEventHandler<HTMLDivElement> & AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for mouse up events. See the signature for parameters.
`onMouseUpCapture`	(React.MouseEventHandler<HTMLDivElement> & AdaptChildMouseEventHandler<any, React.ReactEle… (React.MouseEventHandler<HTMLDivElement> & AdaptChildMouseEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for mouse up capture events. See the signature for parameters.
`onSelect`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Called when the user selects an item or date.
`onSelectCapture`	(React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactEle… (React.ReactEventHandler<HTMLDivElement> & AdaptChildReactEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for select capture events. See the signature for parameters.
`onTouchCancel`	(React.TouchEventHandler<HTMLDivElement> & AdaptChildTouchEventHandler<any, React.ReactEle… (React.TouchEventHandler<HTMLDivElement> & AdaptChildTouchEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for touch cancel events. See the signature for parameters.
`onTouchCancelCapture`	(React.TouchEventHandler<HTMLDivElement> & AdaptChildTouchEventHandler<any, React.ReactEle… (React.TouchEventHandler<HTMLDivElement> & AdaptChildTouchEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for touch cancel capture events. See the signature for parameters.
`onTouchEnd`	(React.TouchEventHandler<HTMLDivElement> & AdaptChildTouchEventHandler<any, React.ReactEle… (React.TouchEventHandler<HTMLDivElement> & AdaptChildTouchEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for touch end events. See the signature for parameters.
`onTouchEndCapture`	(React.TouchEventHandler<HTMLDivElement> & AdaptChildTouchEventHandler<any, React.ReactEle… (React.TouchEventHandler<HTMLDivElement> & AdaptChildTouchEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for touch end capture events. See the signature for parameters.
`onTouchMove`	(React.TouchEventHandler<HTMLDivElement> & AdaptChildTouchEventHandler<any, React.ReactEle… (React.TouchEventHandler<HTMLDivElement> & AdaptChildTouchEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for touch move events. See the signature for parameters.
`onTouchMoveCapture`	(React.TouchEventHandler<HTMLDivElement> & AdaptChildTouchEventHandler<any, React.ReactEle… (React.TouchEventHandler<HTMLDivElement> & AdaptChildTouchEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for touch move capture events. See the signature for parameters.
`onTouchStart`	(React.TouchEventHandler<HTMLDivElement> & AdaptChildTouchEventHandler<any, React.ReactEle… (React.TouchEventHandler<HTMLDivElement> & AdaptChildTouchEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for touch start events. See the signature for parameters.
`onTouchStartCapture`	(React.TouchEventHandler<HTMLDivElement> & AdaptChildTouchEventHandler<any, React.ReactEle… (React.TouchEventHandler<HTMLDivElement> & AdaptChildTouchEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for touch start capture events. See the signature for parameters.
`onPointerDown`	(React.PointerEventHandler<HTMLDivElement> & AdaptChildPointerEventHandler<any, React.Reac… (React.PointerEventHandler<HTMLDivElement> & AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Called when a pointer is pressed on the element.
`onPointerDownCapture`	(React.PointerEventHandler<HTMLDivElement> & AdaptChildPointerEventHandler<any, React.Reac… (React.PointerEventHandler<HTMLDivElement> & AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for pointer down capture events. See the signature for parameters.
`onPointerMove`	(React.PointerEventHandler<HTMLDivElement> & AdaptChildPointerEventHandler<any, React.Reac… (React.PointerEventHandler<HTMLDivElement> & AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for pointer move events. See the signature for parameters.
`onPointerMoveCapture`	(React.PointerEventHandler<HTMLDivElement> & AdaptChildPointerEventHandler<any, React.Reac… (React.PointerEventHandler<HTMLDivElement> & AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for pointer move capture events. See the signature for parameters.
`onPointerUp`	(React.PointerEventHandler<HTMLDivElement> & AdaptChildPointerEventHandler<any, React.Reac… (React.PointerEventHandler<HTMLDivElement> & AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Called when a pointer is released on the element.
`onPointerUpCapture`	(React.PointerEventHandler<HTMLDivElement> & AdaptChildPointerEventHandler<any, React.Reac… (React.PointerEventHandler<HTMLDivElement> & AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for pointer up capture events. See the signature for parameters.
`onPointerCancel`	(React.PointerEventHandler<HTMLDivElement> & AdaptChildPointerEventHandler<any, React.Reac… (React.PointerEventHandler<HTMLDivElement> & AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for pointer cancel events. See the signature for parameters.
`onPointerCancelCapture`	(React.PointerEventHandler<HTMLDivElement> & AdaptChildPointerEventHandler<any, React.Reac… (React.PointerEventHandler<HTMLDivElement> & AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for pointer cancel capture events. See the signature for parameters.
`onPointerEnter`	(React.PointerEventHandler<HTMLDivElement> & AdaptChildPointerEventHandler<any, React.Reac… (React.PointerEventHandler<HTMLDivElement> & AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for pointer enter events. See the signature for parameters.
`onPointerLeave`	(React.PointerEventHandler<HTMLDivElement> & AdaptChildPointerEventHandler<any, React.Reac… (React.PointerEventHandler<HTMLDivElement> & AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for pointer leave events. See the signature for parameters.
`onPointerOver`	(React.PointerEventHandler<HTMLDivElement> & AdaptChildPointerEventHandler<any, React.Reac… (React.PointerEventHandler<HTMLDivElement> & AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for pointer over events. See the signature for parameters.
`onPointerOverCapture`	(React.PointerEventHandler<HTMLDivElement> & AdaptChildPointerEventHandler<any, React.Reac… (React.PointerEventHandler<HTMLDivElement> & AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for pointer over capture events. See the signature for parameters.
`onPointerOut`	(React.PointerEventHandler<HTMLDivElement> & AdaptChildPointerEventHandler<any, React.Reac… (React.PointerEventHandler<HTMLDivElement> & AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for pointer out events. See the signature for parameters.
`onPointerOutCapture`	(React.PointerEventHandler<HTMLDivElement> & AdaptChildPointerEventHandler<any, React.Reac… (React.PointerEventHandler<HTMLDivElement> & AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for pointer out capture events. See the signature for parameters.
`onGotPointerCapture`	(React.PointerEventHandler<HTMLDivElement> & AdaptChildPointerEventHandler<any, React.Reac… (React.PointerEventHandler<HTMLDivElement> & AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for got pointer capture events. See the signature for parameters.
`onGotPointerCaptureCapture`	(React.PointerEventHandler<HTMLDivElement> & AdaptChildPointerEventHandler<any, React.Reac… (React.PointerEventHandler<HTMLDivElement> & AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for got pointer capture capture events. See the signature for parameters.
`onLostPointerCapture`	(React.PointerEventHandler<HTMLDivElement> & AdaptChildPointerEventHandler<any, React.Reac… (React.PointerEventHandler<HTMLDivElement> & AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for lost pointer capture events. See the signature for parameters.
`onLostPointerCaptureCapture`	(React.PointerEventHandler<HTMLDivElement> & AdaptChildPointerEventHandler<any, React.Reac… (React.PointerEventHandler<HTMLDivElement> & AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for lost pointer capture capture events. See the signature for parameters.
`onScroll`	(React.UIEventHandler<HTMLDivElement> & AdaptChildUIEventHandler<any, React.ReactElement<u… (React.UIEventHandler<HTMLDivElement> & AdaptChildUIEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Called when the scroll position changes.
`onScrollCapture`	(React.UIEventHandler<HTMLDivElement> & AdaptChildUIEventHandler<any, React.ReactElement<u… (React.UIEventHandler<HTMLDivElement> & AdaptChildUIEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for scroll capture events. See the signature for parameters.
`onWheel`	(React.WheelEventHandler<HTMLDivElement> & AdaptChildWheelEventHandler<any, React.ReactEle… (React.WheelEventHandler<HTMLDivElement> & AdaptChildWheelEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Called when a wheel input occurs over the element.
`onWheelCapture`	(React.WheelEventHandler<HTMLDivElement> & AdaptChildWheelEventHandler<any, React.ReactEle… (React.WheelEventHandler<HTMLDivElement> & AdaptChildWheelEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for wheel capture events. See the signature for parameters.
`onAnimationStart`	(React.AnimationEventHandler<HTMLDivElement> & AdaptChildAnimationEventHandler<any, React.… (React.AnimationEventHandler<HTMLDivElement> & AdaptChildAnimationEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for animation start events. See the signature for parameters.
`onAnimationStartCapture`	(React.AnimationEventHandler<HTMLDivElement> & AdaptChildAnimationEventHandler<any, React.… (React.AnimationEventHandler<HTMLDivElement> & AdaptChildAnimationEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for animation start capture events. See the signature for parameters.
`onAnimationEnd`	(React.AnimationEventHandler<HTMLDivElement> & AdaptChildAnimationEventHandler<any, React.… (React.AnimationEventHandler<HTMLDivElement> & AdaptChildAnimationEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for animation end events. See the signature for parameters.
`onAnimationEndCapture`	(React.AnimationEventHandler<HTMLDivElement> & AdaptChildAnimationEventHandler<any, React.… (React.AnimationEventHandler<HTMLDivElement> & AdaptChildAnimationEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for animation end capture events. See the signature for parameters.
`onAnimationIteration`	(React.AnimationEventHandler<HTMLDivElement> & AdaptChildAnimationEventHandler<any, React.… (React.AnimationEventHandler<HTMLDivElement> & AdaptChildAnimationEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for animation iteration events. See the signature for parameters.
`onAnimationIterationCapture`	(React.AnimationEventHandler<HTMLDivElement> & AdaptChildAnimationEventHandler<any, React.… (React.AnimationEventHandler<HTMLDivElement> & AdaptChildAnimationEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for animation iteration capture events. See the signature for parameters.
`onTransitionEnd`	(React.TransitionEventHandler<HTMLDivElement> & AdaptChildTransitionEventHandler<any, Reac… (React.TransitionEventHandler<HTMLDivElement> & AdaptChildTransitionEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for transition end events. See the signature for parameters.
`onTransitionEndCapture`	(React.TransitionEventHandler<HTMLDivElement> & AdaptChildTransitionEventHandler<any, Reac… (React.TransitionEventHandler<HTMLDivElement> & AdaptChildTransitionEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>>) \| undefined	`—`	Callback for transition end capture events. See the signature for parameters.
`hideIcon`	boolean \| undefined boolean \| undefined	`false`	Configures hide icon; see the accepted type.
`nameKey`	string \| undefined string \| undefined	`—`	Data key used to resolve a series name.
`iconSize`	number \| undefined number \| undefined	`14`	The size of icon in each legend item.
`iconType`	RechartsPrimitive.LegendType \| undefined RechartsPrimitive.LegendType \| undefined	`—`	The type of icon in each legend item.
`layout`	CartesianLayout \| undefined CartesianLayout \| undefined	`horizontal`	The layout of legend items inside the legend container.
`align`	HorizontalAlignmentType \| undefined HorizontalAlignmentType \| undefined	`center`	Horizontal alignment of the whole Legend container: - `left`: shows the Legend to the left of the chart, and chart width reduces automatically to make space for it. - `right` shows the Legend to the right of the chart, and chart width reduces automatically. - `center` shows the Legend in the middle of chart, and chart width remains unchanged. The exact behavior changes depending on 'verticalAlign' prop.
`verticalAlign`	VerticalAlignmentType \| undefined VerticalAlignmentType \| undefined	`"bottom"`	Vertical alignment of the whole Legend container: - `bottom`: shows the Legend below chart, and chart height reduces automatically to make space for it. - `top`: shows the Legend above chart, and chart height reduces automatically. - `middle`: shows the Legend in the middle of chart, covering other content, and chart height remains unchanged. The exact behavior changes depending on `align` prop.
`inactiveColor`	string \| undefined string \| undefined	`#ccc`	The color of the icon when the item is inactive.
`formatter`	Formatter \| undefined Formatter \| undefined	`—`	Function to customize how content is serialized before rendering. This should return HTML elements, or strings.
`payload`	readonly RechartsPrimitive.LegendPayload[] \| undefined readonly RechartsPrimitive.LegendPayload[] \| undefined	`—`	DefaultLegendContent.payload is omitted from Legend props. A custom payload can be passed here if desired, or it can be passed from the Legend "content" callback.
`labelStyle`	React.CSSProperties \| undefined React.CSSProperties \| undefined	`{}`	The style of each text label which is a span element.
`name`	string \| undefined string \| undefined	`—`	Field name used in form data.
`type`	string \| undefined string \| undefined	`—`	The native input or button behavior.
`max`	string \| number \| undefined string \| number \| undefined	`—`	Maximum allowed value.
`min`	string \| number \| undefined string \| number \| undefined	`—`	Minimum allowed value.
`target`	string \| undefined string \| undefined	`—`	Browsing context in which the link opens.
`href`	string \| undefined string \| undefined	`—`	Destination URL for the link.
`onPointerEnterCapture`	AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCo… AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for pointer enter capture events. See the signature for parameters.
`onPointerLeaveCapture`	AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementCo… AdaptChildPointerEventHandler<any, React.ReactElement<unknown, string \| React.JSXElementConstructor<any>>> \| undefined	`—`	Callback for pointer leave capture events. See the signature for parameters.

ChartStyle

ChartStyle properties
Prop	Type	Default	Description
`id`Required	string string	`—`	Unique identifier used to associate labels and descriptions.
`config`Required	ChartConfig ChartConfig	`—`	Labels and theme colors keyed by chart series.

Usage notes

Provide a ChartContainer config for each series. Give the chart a measurable height and pass your data to the Recharts chart.