Components

Stack

A wrapper component for adding a consistent margin between components.

Metal Beta

This component is in Beta

Design is not complete

Is subject to change

May contain bugs

Has not been properly tested

May not meet accessibility requirements

Item

Item

Item

		

		
	

Directions

Stacks can be horizontal or vertical in orientation

Space Variant Sizes

Stack spaces use all of our available preset space token sizes: 'xxxl', 'xxl', 'xl', 'l', 'm', 's', 'xs'

Spacing between items

This example shows how .has-space-between can be leveraged to create a pattern like a toolbar.