> ## 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.

# Divider

> Useful when you need a bit of structure.

A divider draws a horizontal line between components, with configurable spacing around it.

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

A divider has the following properties:

* `dividerSpacingSize` (optional): the spacing the divider should have before and after the component. One of `XS`, `S`,
  `M`, `L`, `XL`. Defaults to `S`.

For example:

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