Adding code in the media pane

To display code side by side with step content:

  1. Open a guide in the guide editor.

  2. Scroll down to the Media block and click Add media.

  3. In the dropdown menu, select Type code.

A code editor will appear in the Media block. You can type your snippet in there. The editor support syntax highlighting and there's a programming language selector in the top left.

To remove the snippet, click the cancel icon in the top right of the code editor.