Cockpit

We use the term Cockpit for the controls below the charts.

The standard cockpit is split up into three columns:

  • Perspectives + View Options
  • Countries
  • Time

Note: The second section in the first column (View Options) is no longer used.

Perspectives
View Options
Countries
Time
Standard Cockpit

Controls

The following components are ready to be used within the Cockpit:

  • CockpitSelect: A native, single-select dropdown.
  • CockpitMultiSelect: Multi-select based on Downshift.
  • CockpitCheckbox: A control for a boolean (visually not a checkbox but a switch)
  • CockpitToggle: A toggle button group.
  • CockpitSlider: A slider which works on a pair of numbers (min, max).
Option 1
CockpitSelect
CockpitMultiSelect
LABEL
CockpitCheckbox
LABEL
Option 1
Option 2
Option 3
Option 1
CockpitToggle
1995 – 2020
CockpitSlider