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