---
title: "Add a spacer UI component into Tiptap"
description: "Use the spacer UI component to create layouts. More about the UI component in our documentation!"
canonical_url: "https://tiptap.dev/docs/ui-components/primitives/spacer"
---

# Add a spacer UI component into Tiptap

Use the spacer UI component to create layouts. More about the UI component in our documentation!

A flexible space component used for layout spacing.

## Install

You can add the primitive via Tiptap CLI

```bash
npx @tiptap/cli@latest add spacer
```

## Usage

```tsx
import { Spacer } from '@/components/tiptap-ui-primitive/spacer'

export default function MyComponent() {
  return (
    <div className="toolbar">
      <button>Left Button</button>
      <Spacer />
      <button>Right Button</button>
    </div>
  )
}
```