Legend

Legend

Clickable legend that can be used to label and toggle layers of a visualization.

Usage

import React from 'react';
import ReactDOM from 'react-dom';
import { Legend } from '@panorama/toolkit';

let legendData = {
	items: [
		'narratives',
		'cotton',
		'sugar'
	],
	selectedItem: this.state.selectedItem || 'narratives'
};

ReactDOM.render(<Legend { ...legendData } onItemSelected={ this.onItemSelected }/>, document.body);