Selecting Elements
Pinpoint elements in your UI to build context for your prompts or stage changes with the CSS editor.
There are two ways to select elements with JSX Tool
From the DOM
- With the inspector toggled on, click anywhere on the DOM to navigate into the component you're hovering.
- Click into the desired child component or use the command shortcut to quickly navigate into parent or child components.
From the JSX Navigator
- The left panel of JSX Tool renders the component tree of the page you are navigating.
- Hovering any component on the tree will highlight the corresponding element on the page.
- With the desired component selected, you can navigate the related file and select the JSX you'd like to edit.