Render Options

This page describes some of the options available when rendering components, to make them easier to create.

Configure the render options in GitPod by going to File -> Settings -> Open Preferences and opening the Circuit Diagram section.

Grid

To render the component on a grid, enable the grid option in the VS Code extension, or pass the --grid argument to the CLI.

Rendered component with grid

Debug Layout

The debug layout option shows the start and end points of the component, and the connection points that other components can be connected to.

Enable this option in the VS Code extension settings, or pass the -d argument to the CLI.

Rendered component with layout

Continue to the next section to understand how to change the example component from the previous page.

Next: concepts