# Using a component

Having [installed lowcodera components](https://docs.lowcodera.com/installation#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**.

![](https://3753622978-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mk6h6_qso0k3_0dNo1k%2Fuploads%2FcXzEylHSf0knzYgmOjRh%2Fimage.png?alt=media\&token=66797cd4-465c-4296-a7cb-bd2834b5761c)

* 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](https://docs.lowcodera.com/installation#enable-power-apps-component-feature).
{% endhint %}

![](https://3753622978-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mk6h6_qso0k3_0dNo1k%2Fuploads%2FzCnsck2pay8GJGIY6XAN%2Fimage.png?alt=media\&token=3912c06e-2de3-4131-8023-9221410b5cbc)

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

![](https://3753622978-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mk6h6_qso0k3_0dNo1k%2Fuploads%2FosICLYeE3qGkVXdriQfJ%2Fimage.png?alt=media\&token=f91dd823-d7c4-4956-942f-0a8e9119a7d4)

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

![](https://3753622978-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mk6h6_qso0k3_0dNo1k%2Fuploads%2F67NIgUtdj5lRkozBSLdI%2Fdev%20token.png?alt=media\&token=7d1113e5-4e7f-48b8-8389-bfc81a25b645)

![](https://3753622978-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mk6h6_qso0k3_0dNo1k%2Fuploads%2FE0hC7FQj2dNtvqcY6ZJM%2Fimage.png?alt=media\&token=856d7f49-ac71-4c82-bf46-55aba9d90164)

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

![](https://3753622978-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mk6h6_qso0k3_0dNo1k%2Fuploads%2FTxaewv8vdZTWNfZr260W%2Fimage.png?alt=media\&token=6f0608da-8965-4d06-9acc-670efc8d6309)

* 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](https://docs.lowcodera.com/ui-components-1/button#component-properties) as per your requirements,