BlockNote
DocsDocsExamplesExamplesAboutAbout
GH
  • Introduction
  • Quickstart
  • Editor Basics
    • Editor Setup
    • Document Structure
    • Default Schema
  • Editor API
    • Manipulating Blocks
    • Manipulating Inline Content
    • Cursor & Selections
    • Markdown & HTML
  • Styling & Theming
    • Themes
    • Overriding CSS
    • Adding DOM Attributes
  • UI Components
    • Block Side Menu
    • Formatting Toolbar
    • Suggestion Menus
  • Custom Schemas
    • Custom Blocks
    • Custom Inline Content
    • Custom Styles
    • Next.js and BlockNote
    • Real-time Collaborative rich text editor
    • Usage Without React (Vanilla JS)
  • glossary
  • Community ↗ (opens in a new tab)
Question? Give us feedback → (opens in a new tab)Edit this page on GitHub
Docs
UI Components

Changing UI Components

BlockNote includes a number of UI Components (like menus and toolbars) that can be completely customized:

  • Block Side Menu
  • Formatting Toolbar
  • Suggestion Menus
Adding DOM AttributesBlock Side Menu
MIT 2024 © Nextra.