⚡ Flexbox & Stacks

Declarative flex patterns for vertical stacks, horizontal rows, toolbars, auto-wrapping tag clusters, and edge pushing.

Live Preview: Split & Cluster

Dashboard Header (layout="split")

React Vue TypeScript TaxUI HTML5

<!-- Navbar / Split Pattern -->
<div layout="split">
  <span>Title</span>
  <button variant="primary">Action</button>
</div>

<!-- Tag Cluster Pattern -->
<div layout="cluster" gap="sm">
  <span badge="primary">Tag 1</span>
  <span badge="success">Tag 2</span>
</div>