# UI Types

The following table summarizes Hormo Studio user interface component types for admin dashboard service. For example when you define a property by boolean field type you have to select boolean as your UI type to show switch button for this prop in your generated admin dashboard

| Type         | Description                                                    |
| ------------ | -------------------------------------------------------------- |
| String       | Displayed as a input text in the Admin UI                      |
| Boolean      | Displayed as a checkbox in the Admin UI                        |
| Date         | Displayed as a date picker in the Admin UI                     |
| DateTime     | Displayed as a date and time picker in the Admin UI            |
| Email        | Displayed as a text field in the Admin UI                      |
| Money        | Displayed as a number field in the Admin UI                    |
| Url          | Displayed as a text field in the Admin UI.                     |
| Text         | Displayed as a input text in the Admin UI                      |
| Textarea     | Displayed as a textarea field in the Admin UI                  |
| Number       | Displayed as a number field in the Admin UI                    |
| Password     | Displayed as a password field in the Admin UI                  |
| Code         | Displayed with CodeMirror in the Admin UI.                     |
| Color        | Displayed as a text field with a color picker                  |
| Html         | Displayed as a text field or WYSIWYG Editor in the Admin UI.   |
| GeoPoint     | Displayed as a combination of fields (lat,lng) in the Admin UI |
| Slider       | Displayed as a slider component to pick value                  |
| Select       | Displayed as a select field in the Admin UI                    |
| Relationship | Displayed as an auto-suggest field in the Admin UI             |
| File         | Displayed as a file upload field in the Admin UI               |

{% hint style="warning" %}
If you are using File as ui admin type you have to set your field type to object because file responses are objects.
{% endhint %}

{% content-ref url="/pages/-Lz7-hWYL4Yz8AkU5wbu" %}
[Options](/models/options.md)
{% endcontent-ref %}


---

# 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.hormo.studio/models/ui-types.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.
