BlockNoteBlockNote
    • Docs
    • AI
    • Examples
    • Pricing
    • About
      • Sign in
Examples
Basic SetupDisplaying Document JSONMulti-Column BlocksProDefault Schema ShowcaseRemoving Default Blocks from SchemaManipulating BlocksDisplaying Selected BlocksUse with AriakitUse with ShadCNLocalization (i18n)Change placeholder textMulti-Editor SetupCustom Paste Handler
ExamplesBasicMulti-Column BlocksPro

Multi-Column Blocks

This example showcases multi-column blocks, allowing you to stack blocks next to each other. These come as part of the @blocknote/xl-multi-column package.

Relevant Docs:

  • Editor Setup
  • Document Structure
GitHub
StackBlitz

Pro Example

Get access to the full source code for pro examples by subscribing to BlockNote Pro

Get BlockNote Pro

Footer

BlockNoteBlockNote

BlockNote is an extensible React rich text editor with support for block-based editing, collaboration and comes with ready-to-use customizable UI components.

Learn

  • Documentation
  • Examples
  • Releases

Collaborate

  • Partner with us
  • Sponsorships
  • Contribute

Community

  • GitHub
  • Discord

Legal

  • Terms & Conditions
  • Privacy Policy

Theme

© 2026 BlockNote maintainers. All rights reserved.