Cluster

af-cluster is a semantic layout recipe: wrap + center alignment in one class. Equivalent utilities: af-inline af-items-center af-gap-md.

Use it for tags, chips, and grouped buttons. Prefer the recipe first; reach for Display & Alignment when you need a custom combination.

Recipe	Equivalent utilities	Use when
`af-cluster`	`af-inline af-items-center af-gap-md`	Tags, chips, grouped buttons
`af-spread`	`af-inline af-items-center af-justify-between`	Header left/right
`af-center`	`af-flex af-justify-center af-items-center`	Center on both axes

Class reference

Class	Purpose	Example
`af-cluster`	Inline cluster (wrap + center alignment)	`<div class="af-cluster">`

<div class="af-cluster">
  <span class="af-chip">Tag 1</span>
  <span class="af-chip">Tag 2</span>
  <span class="af-chip">Tag 3</span>
</div>

Explicit equivalent (when needed):

<div class="af-inline af-items-center af-gap-md">
  <span>Cluster content</span>
  <span>Cluster content</span>
</div>