Flex group
The flex-group layout arranges elements in an evenly spaced, inline layout, regardless of their size. Items automatically wraps to the next line when needed.
Configuration #
| Property | Default value | Description |
|---|---|---|
--gutter | var(--spacing-2xs-xs) | This defines the space between each item. |
--cluster-horizontal-alignment | flex-start | How items should align horizontally. Can be any acceptable flexbox alignment value.. |
--cluster-vertical-alignment | center | How items should align vertically. Can be any acceptable flexbox alignment value.. |