Layout blocks

Add tabs, tables, dividers, and guidelines to your documentation.

Display text or images in a simple table format.

Table block - menu

Add and edit a table

Table block - filled

Reorder rows and columns

  1. Hover over the row or column you would like to move.
  2. Click the dots icon and drag to the desired position.

Edit the text style in the table

  1. Set the text style using the text style buttons in the property panel. You can use bold, italic or strikethrough text, inline code, and also add links to text.
  2. Set the text alignment within the cells using the alignment buttons below: Left, center or right.
  3. You can also choose to use body text, a bullet list, or a numbered list.

Configure the table

  1. Add a header row by toggling the Header row switch on.
  2. Add a header column by toggling the Header column switch on.
  3. Add borders to the table by toggling the Borders switch on.
  4. Remove any of the above by toggling any of the switches off.

Add additional rows or columns

  1. Hover over the + button at the end of the table rows or columns.
  2. Or, hover and click the dots icon on a row or column to open the context menu.
  3. You can add a row or column before or after the one you've selected.
  4. Alternatively, you can add rows and columns in the property panel by clicking the + button in the Columns and Rows sections.

Delete rows or columns

  1. Select the row or column to delete with the = button.
  2. Click the dots icon and select Delete row or Delete column from the menu.
  3. Alternatively, you can remove rows and columns in the property panel by clicking the - button in the Columns and Rows sections.

Clear content in a row or column

  1. When a column or row is selected, press the Del on your keyboard to delete the content. Warning: if all cells are empty, row or column will be deleted.
  2. You can also clicks the dots icon on a row or column to open the context menu, and select Clear contents from the menu.

Add an image or a Figma frame to a table

  1. Hover within the cell you want to add an image or Figma frame to.
  2. Click the dots icon to the right of the table to open the context menu, and click Add image.
  3. An image icon will appear in the cell. Click the dropdown arrow to open the menu, and choose either Upload image or Select Figma frame.