Cluster - with no flexbox gap

If the flexbox gap property is not supported, this component expects a class of no-flexbox-gap to be applied to a parent element - probably the body or html elements.

In this case the clusterSpace property will be applied as margin around each child element.

<body class="no-flexbox-gap">
	<Cluster>
		<span class="item">Item</span>
		<span class="item">Item</span>
		<span class="item">Item</span>
		...
	</Cluster>
</body>

Props

clusterSpace:

clusterJustifyContent:

alignItems:

Example

Item Item Item Item Item Item Item