> For the complete documentation index, see [llms.txt](https://docs.lowcodera.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.lowcodera.com/getting-started/adding-a-component-to-your-app.md).

# Using a component

Having [installed lowcodera components](/getting-started/installation.md#import-component-package-solution) into your environment, you are now ready to make use of them in your Power Apps.&#x20;

## Adding the UI Assets Component&#x20;

{% hint style="warning" %}
The lowcodera UI assets component is a master component and is required to be present in your app to make all other lowcodera components work.
{% endhint %}

* From Power Apps studio, click on **Insert(+ Icon)** from left navigation
* Select **Get more components**.

![](/files/QYIJeRe3VK8YZ39ZWSnC)

* Click on the **Code** tab from the **Import Components** panel on the right. This will show all the Lowcodera component that are available to add to your app. You can Import them one by one based on what you need.&#x20;
* Select **Lowcodera UI Assets Component** and click on **Import**.

{% hint style="info" %}
If you are not able to see Code section, then make sure you have activated[ Power Apps Component framework feature](/getting-started/installation.md#enable-power-apps-component-feature).
{% endhint %}

![](/files/DudOK4StB9teGUt4WkOH)

Once we Import the component, it will appear in the following section.

![](/files/ufJHe4g6AyUkTfYySNf9)

On the first screen of your app, **add the Lowcodera UI Assets Component** into your editing Canvas

### Adding an App token

{% hint style="info" %}
**lowcodera App Tokens** are unique keys which which allow a Power App to render lowcodera components. Your lowcodera subscription comes with an allowance of app tokens. While building apps you can use a **dev token**, but this must be replaced by a **unique app token** when the Power app is run by users.&#x20;
{% endhint %}

* From the lowcodera Admin Portal menu, select **App Tokens**
* Click **Dev Token**
* Paste the copied value into the App Token Property of the UI Assets component in your app

![](/files/U5ZynW8MwlkwichnZht2)

![](/files/K3oo5J62SYz8qNgDBngh)

## Add your first Component

You can now use any other lowcodera component in your app. In this example, we will add a lowcodera button component on the screen.&#x20;

![](/files/dgkWTwwIN8D42rxa3gm3)

* Click on **Insert(+ Icon)** from left navigation
* Select **Get more components**.
* As before, from the panel on the right select **Code Components** section&#x20;
* Find and add the **Lowcodera Button Component.**
* **Drag** the lowcodera button component onto your app screen
* Begin configuring the [component properties](/ui-components-1/button.md#component-properties) as per your requirements,


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.lowcodera.com/getting-started/adding-a-component-to-your-app.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.
