A key used to compare the variables and their value in any given graph.


With Prefix Text


By default legend kit uses data_1 color.
Pass the color prop and use any desired value from $data_colors, $status_colors, $product_colors and $category_colors list.

Custom Colors

The color prop also allows for use of custom colors passed in as HEX codes.

Things to Avoid

Do not use as bullet points in a list.

UI Samples using Legend Kit

Get the full picture. See how this kit is used in our samples.

Available Props