OverlayPanel
Collapsible map/HUD panel anchored to a corner. Translucent surface, elevation/2.
Example
Section titled “Example”| Prop | Type | Default | Description |
|---|---|---|---|
title | string | required | |
anchor | Anchor | 'top-start' | |
defaultCollapsed | boolean | false | |
children | ReactNode | required |
States
Section titled “States”- expanded
- collapsed
- anchor: 4 corners
Do / Don’t
Section titled “Do / Don’t”Do
Anchor to a screen corner that does not occlude the track.
Anchor to a screen corner that does not occlude the track.
Don’t
Don’t nest overlay panels — flatten the hierarchy.
Don’t nest overlay panels — flatten the hierarchy.
Modes & RTL
Section titled “Modes & RTL”Colors come only from Semantic tokens, so this component re-themes automatically across Day / Night-NVG / Mono with no variant swap. It uses CSS logical properties, so it mirrors correctly in RTL.