Code View

View and edit the JSX of code components in your design

Last updated on August 30, 2022

Code view

As well as a visual GUI, the Interplay plugin also has a code mode for configuring components.

To the view the JSX for a component:

  1. Select any component on canvas
  1. Click on the Code tab at the top of the plugin
 

Editing JSX

You can also edit the JSX by editing the text in this view. This makes it easy edit deeply nested or data rich components as well as to quickly paste in component configurations from documentation sites or production.

To see your JSX edits on canvas either:

  1. Wait for the slight delay after you finish typing
  1. Switch back to the Design tab
 
Did this answer your question?
😞
😐
🤩