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