# Option sets

### 🔒 System

Main option set to manage your app-related assets and content like the app name or logo. Read more about it [in this section](/working-with-the-framework/customization.md#system).

### 🔔 Toast Category

Option set listing the type of Toast Messages. These are linked to the [Tag Colors](#tag-colors) option set. This option set is used for Alerts and linked to a Custom Event called 🔔 Toast used throughout the app. Read how it works in [this section](/working-with-the-framework/alerts-and-confirmations.md).

<figure><img src="/files/ACc27C3kOUlWRKlwtrRc" alt=""><figcaption></figcaption></figure>

### 🎨 UI Colors

UI Colors option set is used on top of the Styles in the app.&#x20;

<figure><img src="/files/qTLVx1OoB7AMk7P4OdB6" alt=""><figcaption><p>UI Colors display. Find yours on /styleguide page</p></figcaption></figure>

### 📱Viewport

The viewport option set is used throughout the app to give you granular controls on your responsive design.&#x20;

### User Types

Using a predefined user type will help you in setting permission rules as opposed to using a simple text field that is error-prone. By default you find two options in the User Types option set:

* Admin - administrator of the app. This type has access to the admin page.
* User - normal app user.

You can add as many User types as you want, but it's good practice to keep the list simple. If you need more flexible way to control what User can see and do, you might consider creating a Permission option set.

### Tag Colors

Tag Colors can be used by directly referring to it from the editor or it can also be used by linking it to a database field.&#x20;

<figure><img src="/files/C1gA91EgrJ5DLuDI4C3x" alt=""><figcaption><p>TAG Colors table. See it on /styleguide page in the template</p></figcaption></figure>

### 🧭 Navigation

Using an option set together with Custom events will allow you to build faster and reduce the number of bugs when working with Single Page Apps and cross-page navigation. It also opens up more advanced possibilities such as creating complex onboarding experiences.&#x20;

Read how to use it in [this section.](/working-with-the-framework/navigation.md)

### 🧭 Element display

This option set is dedicated to creating navigation in elements that can be used throughout multiple pages. It is used mainly in combination with reusable elements such as [🍿`CRUD Popup`](/framework-elements/crud-popup.md) or [👥 User Access Management](/framework-elements/user-access-management.md).&#x20;

Read more about how to use it in [this section](/working-with-the-framework/navigation/navigation-through-custom-states.md).


---

# 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.openbuild.io/framework-elements/option-sets.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.
