Show In Component Source View[edit]

To view the source code of a component without leaving the editor you're working in. You can use the Component Source view. The latter shows the source code automatically when you click on a component. E.g., a schema, tag, security scheme, server, path, or operation.

Open Component Source View[edit]

You can open the Component Source View by right-clicking a component then selecting Show Component Source:

Openapi open component source view.png

The following depicts a security flow source code. But the same is valid when clicking any of the other components mentioned above.

Openapi component source view.png

Toggle between JSON/YAML Formats[edit]

You can toggle between viewing YAML and JSON using the toggle button at the top-right of the Component Source.

Openapi component source toggle yaml.png

Example: Toggling the above YAML to JSON format:

Openapi component source toggle json.png