Sprout SocialSprout SocialSprout Social
Downshift
Items List

Documentation

Getting started
Migration
System props
Theme
Utilities
Version history

Components

Action Menu
Autocomplete
Avatar
Badge
Banner
Box
Breadcrumb
Button
Card
Character Counter
Chart Legend
Checkbox
Collapsible
Date Picker
Drawer
Duration
Empty State
Fieldset
Form Field
Icon
Image
Indicator
Input
Keyboard Key
Label
Link
Listbox - Deprecated
Loader
Loader Button
Menu - Deprecated
Menu - New!
Message
Modal
Multi Select Menu
Nested Menu
Numeral
Partner logo
Popout
Radio
Segmented Control
Select
Single Select Menu
Skeleton
Spot illustration
Stack
Switch
Table
Tabs
Text
Textarea
Toast
Token
Token Input
Tooltip
Visually Hidden

Components

Chart Legend

View on GitHub

  • Code
  • Usage

Chart Legend is a stand-alone utility that can be used to add a legend to chart components.

A chart legend can be added to chart components to give context to the data being displayed.

Chart legend should:

  • Be displayed below the chart it references
  • Be centered in its container
  • Include labels with matching colors
Heart GraphicHeart GraphicHeart Graphic
Designed with care
© Copyright 2025 Sprout Social, Inc. All Rights Reserved.
Contribute | Updates | Brand Assets