ChartLegend

The series key. The swatch carries the colour; the label stays in text ink, because a legend written in its own hue is the most common way a chart fails contrast.

Source

Import

import { ChartLegend } from "@flanksource/clicky-ui/data";

Demos

Palette · Open in Storybook

Two Series · Open in Storybook

The props table documents the component-specific surface. Standard DOM attributes inherited from React, such as className, event handlers, and accessibility attributes, may also be accepted when the component’s prop type extends a native element.

Props

Prop	Type	Default	Description
className	string	—	—
items*	ChartLegendItem[]	—	—
style	CSSProperties	—	—