Spacer
Try not to stuff these in loops
This component is handy for setting space between two different components, be it a block level element or two pieces of isolated text. You should not use it in loops of repeatable components. In those situations it is almost always more preferable to define the spacing on the component itself.
The Spacer
component is a fancy break tag. Use it to add vertical space between items. Please do not stack them. If passed without a size
prop, it will default to the large size, which matches the margins of EuiFlex
elements.
xs: 4px
s: 8px
m: 16px
l: 24px (this is the default)
xl: 32px
xxl: 40px