Spread
af-spread is a semantic layout recipe: inline items aligned to opposite ends. Equivalent utilities: af-inline af-items-center af-justify-between.
Use it for header left/right pairs. Prefer the recipe first; reach for Display & Alignment when you need a custom combination.
Class reference
Section titled “Class reference”| Class | Purpose | Example |
|---|---|---|
af-spread | Inline spread (space-between) | <div class="af-spread"> |
Example
Section titled “Example”<div class="af-spread">
<span>Left</span>
<span>Right</span>
</div>
Left
Right
Explicit equivalent (when needed):
<div class="af-inline af-items-center af-justify-between">
<span>Left</span>
<span>Right</span>
</div>
Left
Right