Newly added text blocks contain placeholder text. When you add a code block to a page, it lets you select plain text, JSON, XML, or YAML and disable line numbers. With a text block or a code block selected, the component toolbar displays. Click in a text block to display the editing controls. The text editing toolbar contains pre-defined styles such as title, paragraph, and headings, and common formatting controls.

The following describe how to:

• Add a text block
• Delete a text block
• Add a code block
• Delete a code block

Add a text block

To add a text block:

1. Hover on the page to reveal the section buttons.
2. Click Add Component to open the menu.
3. Select Text.

   A box with placeholder text appears in the section.

4. Select the text box to move or re-size it.
5. Click in the text box to display the editing toolbar and edit text.
   
   
   
   

Delete a text block

To delete a text block:

1. Select the text block. The component toolbar displays:
   
   
   
   
2. Click the trash can icon.

Add a code block

To add a code block:

1. Hover on the page to reveal the section buttons.
2. Click Add Component to open the menu.
3. Select CodeBlock.
4. Select the code block to display the component toolbar.
5. Click the pen icon to select the language and configure line numbering.
6. Click in the code block to enter code.

Delete a code block

To delete a code block:

1. Select the code block. The component toolbar displays:
   
   
   
   
2. Click the trash can icon.

The following describe how to work with:

• Sections and dividers
• Work with buttons, images, and shapes
• Data tables
• Embed scripts for videos and audio services