# Drawer

A side panel over the surface, opaque `navy-800`.

**Consumer provides:** A title, close control and content.

```html
<aside class="fdt-drawer"><header>Track detail<button class="fdt-close">×</button></header><div class="body">…</div></aside>
```

- On mobile the map HUD collapses into a bottom drawer.