# Playground

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdiAdPuD_JWf0_YQpQggdn2BbXyLRQmQW9GcOqxV7mbqi1LnIuq6LVH6kevHhDdGXURhXg7703rYp_3xRYugKAlR1qY9sH5SOiAEzWoM7xyyjIrkBc8Puoypq8y_hqnssIL-WRfzA?key=B7tqI3ctRltH_VsErWMcNi1J" alt=""><figcaption></figcaption></figure>

The Playground is a dedicated space in the Questera Dashboard that allows you to test and experiment with different UI components easily.  Whether you’re a growth marketer, product manager, or developer, the Playground enables rapid prototyping and experimentation with minimal effort and zero engineering bottlenecks.

Here’s how to use it:

**Navigate to the Playground:**\
From the left navigation bar, click on the “Playground” section.<br>

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcjPNF-LuxExOz3uZjR8pv4XeTDL_h3z8zFjC4s2MY87zF2zWzaoSw2vCd7xoejSLd7XNh7MQrrcnjAClda0ctRoT4vT2Q8RUzEElcuopdOVDisJlTv3QXIQbh-0JDqKKbNGc9Z?key=B7tqI3ctRltH_VsErWMcNi1J" alt=""><figcaption></figcaption></figure>

**Choose a Component:**\
Use the dropdown menu labeled “Choose component” to select from a list of pre-built UI components like “Multi Page Onboarding,” “Tutorial,” “Search Bar,” and more.\
\
\ <br>

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeV2g1rrPmekKm7ZkO94pEEiGNQotwM6qfKgMT4Bwwbnk79A06i2QgUpXFoGxnDQqiO0mY2KkUgb5-1oXAGCounCJVdiwI8MU_uV-wqKhfwpcENiK70qLGjNLzKnOdhxM8D_QUErw?key=B7tqI3ctRltH_VsErWMcNi1J" alt=""><figcaption></figcaption></figure>

**View and Edit Code:**\
Once a component is selected, you’ll see the code automatically load in the editor. You can modify the code — API keys, theme, layout, and other settings.<br>

**Run Your Code:**\
Click the “Run code” button (top-right of the code editor) to see a live preview of your changes instantly on the right side of the screen.\
\
\ <br>

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdqvivM0mLcPc9tIV93qE21-l1PO8I9O3r_knM9KGmfFygX-InlH88zuNL7BbapSxjCRXCGLitwv4WY81JND8AfZdpw14ZphZ8NwA90lXfr1ASJToFTOuL-6vZbo6Ikp4UWFs7BSg?key=B7tqI3ctRltH_VsErWMcNi1J" alt=""><figcaption></figcaption></figure>

This makes it easy to experiment with layouts, logic, and styling before integrating them into your actual application.<br>


---

# 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.questera.ai/questera-ai-platform/campaigns/playground.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.
