Theme
Layer list
The layers or presets of an editor: one selected at a time, each with a button that shows or hides it.
Examples
Layers
serre
compass
Background
Props
LayerList
The layers, or the presets, of an editor: one selected, each one showable or hideable.
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | — | Names the list. |
layers | readonly Layer[] | — | |
selected? | string | — | |
onSelect? | ((id: string) => void) | — | |
onToggleVisible? | ((id: string) => void) | — | When given, each layer has a button that shows or hides it. |
Keyboard
| Key | Does |
|---|---|
| ArrowUp or ArrowDown | Move between layers |
| Space or Enter | Select the focused layer |
| ArrowRight | Move to the layer's show or hide button |
Accessibility
- A grid list: each row is selectable, and its visibility button is named for the layer.