# Tabs

Switch between 2–5 views at the same level.

**Consumer provides:** Short labels; the panel content.

```html
<div role="tablist" class="fdt-tabs"><button class="fdt-tab" role="tab" aria-selected="true">Tracks</button>…</div>
```

- Inter 500 13px UPPERCASE. Active `fog-100` with 2px `electric-500` and glow.
- Never more than 5, never two rows, never for forms.