> For the complete documentation index, see [llms.txt](https://docs.hormo.studio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.hormo.studio/models/ui-types.md).

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