Cluster

The cluster component is used to visually group child elements while applying a consistent gap between them.

Read more Read less

Common use cases are groups of buttons, groups of tags, or similar items.

Usage

<.cluster>
  <div>some item</div>
  <div>some other item</div>
</.cluster>
One
Two
Three
Four
Five
Six
Seven
Eight
Nine
Ten
Eleven
Twelve
<.cluster>
  <div>One</div>
  <div>Two</div>
  <div>Three</div>
  <div>Four</div>
  <div>Five</div>
  <div>Six</div>
  <div>Seven</div>
  <div>Eight</div>
  <div>Nine</div>
  <div>Ten</div>
  <div>Eleven</div>
  <div>Twelve</div>
</.cluster>