Legend | Capital Design System

Legends are used to display and control categories within a chart.

React Component LibraryComponent API

Documentation in progress------------------------

Variants

Sort

Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category

List

Sort

Checklist

Usage

Do

...

Don't

...

Configuration

Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category

Hide Sort Menu

State

Sort

Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category
Example Legend Category

Disabled Sort Menu

Layout

...

...

Description about layout structure

Content