# Cluster

>***Layouts are NOT components! They are only a demo of the layout primitive for Storybook.  To use layout primitives in your own templates simply use the appropriate CSS Classes.  See documentation and code samples for more details.***

The Cluster is a good layout for groups of items of differing length that can potentially wrap. Some examples might be nav links, tag lists, keyword lists, etc.

Using `justify-content` you can align groups to the left, right or center.

<details>
  <summary>Inherited CSS Variables:</summary>
  - `--gap`: Sets the gap value between cluster items. Be sure to use the "Modal Scale" variables, `--s0`, though the default should be good for most cases.
</details>

*No media queries were used in the making of this layout.*
