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

## Adding the UI Assets Component 

{% 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. 
* 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. 
{% 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. 

![](/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 
* 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: 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.lowcodera.com/getting-started/adding-a-component-to-your-app.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.