Link components
Last updated
Last updated
© 2024 UI Bakery
So far in our flow we haven't been using the Form component, but in this article we will explore how you can link a Form with a Table and share data and state between them. One of the most common scenarios here may be when you want to display a selected row of a table inside a form. So how can you do that?
Start by dragging and dropping the Form component into the working area, if you haven't added it yet. Then, you need to reference your table component and use data of the selected row property inside the data field of the Form component. Simply start typing double curly braces to access the selection of variables.
It's worth noting that all components you add to the working area receive a unique ID that you can use to reference them.
Now, when selecting a row in the table, the data from this row will be displayed separately in the form.