Now Available: Notion-like editor templateNotion-style editor for Tiptap Cloud

Add a spacer UI component into Tiptap

Available for free

A flexible space component used for layout spacing.

Install

You can add the primitive via Tiptap CLI

npx @tiptap/cli@latest add spacer

Usage

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>
  )
}