# FormLayout

How fields assemble into a form: step indicator, section headings and the action row.

**Consumer provides:** Sections of related fields; for 5+ sections, a step list.

```html
<ol class="fdt-steps"><li class="done"><b>01</b>Mission</li><li class="current"><b>02</b>Assets</li>…</ol>
<div class="fdt-form-section">Assets</div>
<div class="fdt-actions"><button class="fdt-btn fdt-btn--plain">Back</button><button class="fdt-btn fdt-btn--brand">Next</button></div>
```

- Field gap `space-4` (compact `space-2`); section gap `space-6` above.
- Primary right; Cancel left of it; destructive far left.
- Never auto-advance; never full-width submit outside mobile.