Component
MapLegendGroup
Several legends in one control, each collapsible.
import { MapLegendGroup } from '@loidolt/theme-maps';
Example
Focus the map to move it: arrow keys pan, plus and minus zoom, Shift with the arrows rotates and tilts.
Props
Generated from the component source, so it cannot drift from the implementation.
| Prop | Type | Default | Notes |
|---|---|---|---|
legends required | Array<{ title: string; items?: LegendItem[]; gradient?: LegendGradient; open?: boolean; }> | — | One collapsible legend per layer. |
title required | string | — | Names the group, e.g. "Layers shown". |
class | string | — | |
position | Corner | 'bottom-left' |
Plus the attributes of HTMLAttributes<HTMLElement>, forwarded to the root element.