You can add and edit different types of blocks inside a document using the Block Menu /).
  • Headers (1-6): Create document sections of different importance.
  • Bullet list: Create unordered lists with bullet points.
  • Numbered list: Create ordered lists with numbers.
  • Checkbox list: Create interactive to-do lists.
  • Code block: Insert formatted code snippets.
  • Quote: Add highlighted quotations or important notes.
  • Table: Organize data in rows and columns.
  • Code to diagram: Convert code into visual diagrams (like Mermaid)
  • Divider: Add a horizontal line to separate content.
The Block Menu shows only options that work in your current context. For example, you can’t add headings inside tables.

​
Headings

Headings structure your document into sections and subsections, making it easier to read and navigate.
  • Headings are automatically added to the Table of Contents.
  • You can use levels H1 - H6 based on the hierarchy you want.

​
Lists

There are three types of lists supported:
  1. Bullet lists: For unordered lists.
  2. Numbered lists: For ordered lists.
  3. Checkbox lists: For tasks or checkable items.
All list types support nesting. You create sub-lists by pressing Tab to indent.

​
Code Blocks

You can add code blocks to display code snippets or technical content:
  1. Type /code to insert a code block.
  2. Click the language selector that appears when hovering over the block.
  3. Choose the appropriate programming language for syntax formatting.
While editing, code appears without syntax highlighting. View syntax highlighting when reading archived documents.

​
Quotes

Quotes can be used to highlight important information:
  1. Type /quote to insert a quote block.
  2. Add your quoted text.
You can create nested quotes by adding a quote block inside another quote.

​
Tables

You can use tables to organize data clearly:
  1. Type /table to insert a table.
  2. Right-click inside the table to access the table options menu.
The table options menu includes:
  • Enable/disable header: Toggle the header row
  • Insert left/right: Add a column to either side of the selected column
  • Delete column: Remove the selected column
  • Insert above/below: Add a row above or below the selected row
  • Delete row: Remove the selected row
  • Delete table: Remove the entire table

​
Code to Diagrams

You can easily create visual diagrams from code by following the steps below:
  1. Type /diagram to insert a code-to-diagram block.
  2. Select your preferred diagram language from the buttons that appear (like Mermaid).
  3. Enter your diagram code in the editor.
Important notes:
  • Once you select a language, you can’t change it later.
  • Hover over the diagram to see the edit button.
  • In archived documents, you’ll only see an open button since editing isn’t allowed.

​
Dividers

You can add visual separation between document sections using dividers:
  1. Type /divider to insert a horizontal line.
  2. Use dividers to clearly separate different content areas.