Editable text input in Plasmic codegen.

Developer Support
1

Hey! I was wondering, in plasmic codegen - text input component, what is a common solution to have text that needs to be edited?

Tried adding autoFocus: true to the text input, and in the parent component, set text input to be not visible in base variant, and to be visible when isEditing variant is true

2

In base variant, the text input is hidden

image.png
image.png1507×570 92 KB

3

In is editing variant, the text input is visible

image.png
image.png1521×548 90.4 KB

4

Hi @sincere_walrus, that’s almost there!

Can you try the following?

  1. Select the text element
  2. Add an onclick interaction
  3. Make it switch to the variant showing the input
  4. In your base variant, select the input from the outline, and make sure it’s visibility is set to not rendered instead of just not visible
    Let me know if that works for you
5

Hi @yang Yes, it works perfect! thank you!!!