What are you trying to do?
I want to allow users to read and edit idea descriptions in the same UI element. So when the page loads the user would:
- see the whole current description as a multi-line text.
- be able to click on the description and edit it as they see fit.
- the new value would be then passed on to the database, updating the relevant field and updating what the user sees.
What have you tried so far?
So far I have tried to use such components as text input and forms. Both work for steps 2 and 3 but fail for step 1 as they collapse the description into a single line of text. Adjusting Text Input element’s height does absolutely nothing.
I have tried wrapping Text Input into vertical stack but it didn’t do anything.
In the picture below you can see the Text and the Text input components reading from the same query. How can I make Text input look like Text?
Relevant links:
- My project: Plasmic