# <ItemLegend /> Component

## Description

A `table of contents` for the web page.

## Checklist

This component should...

- Should be able to see all my page objects and sections in a legend, where i can show/hide and re-order
- Should (in addition to the editor) be able to reorder my page elements from a simple list
- Should (in addition to on the editor) be able to delete elements from a simple list
- Should be able to access the page elements properties from the simple components list (double-click)
- Should be able to Double-click to change the name

## Usage

To install it...

> npm install @sandcastle/components

Add it to your project...

```
import * as React from 'react'
import * as ItemLegend from '@sandcastle/components/ItemLegend`

export default () => (
  <ItemLegend
    isCollapsed=""
    title=""
    tabs=""
    canReorder=""
    showNesting=""
    showCloseButton=""
    onClose=""
    onReorder=""
    onItemSelect=""
    onItemDoubleClick=""
    onItemChange=""
    onItemMouseEnter=""
    onItemMouseLeave=""
  />
)
```

## Best Practices

To do: Add any Best Practices here

## Lifecycle Hooks

To do: Add any Lifecycle Hooks here

## Related Components

To do: Add any Related Components here