> ## Documentation Index
> Fetch the complete documentation index at: https://plain-docs-orca-916-agent-docs-restructure.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Spacer

> Adds vertical space between components, in one of five fixed sizes.

A spacer adds vertical space between components.

<Frame>
  <img src="https://mintcdn.com/plain-docs-orca-916-agent-docs-restructure/iAAItm1tmWvvIVSZ/public/images/ui-component-spacer.png?fit=max&auto=format&n=iAAItm1tmWvvIVSZ&q=85&s=ac23e1e4aa613402735f4f501237b9b6" alt="Example spacer" width="1664" height="526" data-path="public/images/ui-component-spacer.png" />
</Frame>

A spacer has the following property:

* `spacerSize`: the amount of space the component should take up. One of `XS`, `S`, `M`, `L`, `XL`.

For example:

<Snippet file="graphql/ui-spacer.mdx" />