# Interacting with XR UI Elements

Interacting with the UI may vary depending on the SDK you are using. For popular frameworks like **XR Interaction Toolkit** and **Meta SDK**, you can follow the documentation below. We recommend checking the relevant documentation for other SDKs.

To make the **Settings Panel** interactable in XR environments, where you can test your microphone at runtime or change the appearance of the Chat UI in Convai, follow these steps:

## Meta SDK

### Step 1

Right-click on the **Convai Settings Panel**.

### Step 2

Select **Interaction SDK** and then click on **Add Ray Interaction to Canvas**.

<figure><img src="https://413558230-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEtUJA212Zc1S9ACc8T4l%2Fuploads%2F1qSc0MWF5Bqm50AjFPjR%2FUI_MetaSDK_1.png?alt=media&#x26;token=9141ea08-ffb8-483a-9e32-4d0db21f67e9" alt="" width="563"><figcaption></figcaption></figure>

### Step 3

If a warning appears in the new window, click the **Fix** button.

### Step 4

In the **Settings** section, choose **Everything**. Then click **Create**.

<figure><img src="https://413558230-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEtUJA212Zc1S9ACc8T4l%2Fuploads%2FY6vAqupkD3P2c4iELXEK%2FUI_MetaSDK_2.png?alt=media&#x26;token=f82c01aa-3f8e-4ab2-8c3f-f40573220cf3" alt="" width="540"><figcaption></figcaption></figure>

### Step 5

To prevent the **ISDK\_RayInteraction** from running while the **Settings Panel** is closed, drag it onto the **Panel** GameObject.

<figure><img src="https://413558230-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEtUJA212Zc1S9ACc8T4l%2Fuploads%2FsEvIlY4OkpzbtzEvPHtM%2FUI_MetaSDK_3.png?alt=media&#x26;token=214fa2a5-5bb7-425e-8a45-649f6631c08c" alt=""><figcaption></figcaption></figure>

## XR Interaction Toolkit

### Step 1

Click on the **Convai Settings Panel**.

### Step 2

In the **Inspector**, click the **Add Component** button.

Add the **Tracked Device Graphic Raycaster** component.

<figure><img src="https://413558230-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEtUJA212Zc1S9ACc8T4l%2Fuploads%2F8aIbHXo0t6iO9uS9WwYJ%2FUI_XRInteractionToolKit.png?alt=media&#x26;token=56ec172e-b845-46d1-9fd5-00c0e247e549" alt="" width="563"><figcaption></figcaption></figure>
