---
schema_version: "1"
id: 24fba6e8fffb2334538589cb3604e2367aaa3e1f575319181340259dac940eab
title: Opening a Component in the Canvas from the Code Editor
collection: mulesoft
version: current
locale: en-us
portal_url: https://docs.salesforce.com/mulesoft/current/en-us/anypoint-code-builder/int-configure-components-open-from-xml.md
canonical_url: https://docs.mulesoft.com/anypoint-code-builder/int-configure-components-open-from-xml
source_site: docs.mulesoft.com
content_type: documentation
content_hash: fd9297223014eb947b18b5c11ba9002a954cd3ffeb11373ba4be37bab947060a
description: MuleSoft Documentation Site
latest: true
---
---
product: Anypoint Code Builder
version: master
---

# Opening a Component in the Canvas from the Code Editor

> For the full documentation index, see: https://docs.mulesoft.com/llms.txt

You can open a component and its configuration panel in the canvas from the code editor. This
feature is helpful, for example, if you want to configure the component from the UI, if a component
is in another flow than the flow currently displayed in the canvas, or if the canvas is not open.

1.  From the code editor, place your cursor within the component’s XML.

2.  Right-click and select **Configure Component in UI**.

    This action displays the component in the canvas and opens its configuration panel, for example:

    ![Opening a component in the canvas from the code editor](/mulesoft/current/en-us/anypoint-code-builder/_images/acb-open-component-ui-from-xml.png)