# Link components

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 the 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.

{% hint style="info" %}
It's worth noting that all components you add to the working area receive a unique ID that you can use to reference them.
{% endhint %}

Now, when selecting a row in the table, the data from this row will be displayed separately in the form.

{% @arcade/embed flowId="ePsvDYLqWEJVKRmUX6sV" url="<https://app.arcade.software/share/ePsvDYLqWEJVKRmUX6sV>" %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.uibakery.io/build-from-scratch/getting-started/link-components.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.