Textfield
An uxiverse.com typeA TextField is a UI element that allows Text to be entered. This text may be entered via a physical or virtual keyboard, or voice input. Which additional features like bold/italic text, size etc are offered depends on each application's individual requirements. Then these Elements might be referred to as Richtext, Editor or TextArea. Enabling Markdown-editing also gains wider adoption on the web.
| Property | Expected Type | Description |
|---|---|---|
| ariaLabel | https://schema.org/Text | An ARIA label is an accessibility feature that helps visually impaired users understand and use a UI control. Blind users use screen readers to navigate User Interfaces, so concise, readable text helps users navigate the application. |
| background | UIElement | Content of the background of the element |
| bold | https://schema.org/Text | Bold text is used to add significance to a text element |
| color | The color used to express a meaningful relation in the content | |
| font | https://schema.org/Text | The font used to express a meaningful relation in the content |
| highlight | UIElement | A form of highlighting an element in relation to others |
| importance | IssueSeverityType | Importance is a property on an UI Element to order elements toward the user. The order expresses a fixed significance over other elements. When issues happen in the application, Error notifications should get highest importance, followed by Warnings, and Alerts. |
| inputRange | The input range defines the type(s) of data which a uxi:UIElement can consume. This can be used to choose UIElements automatically. E.g. in the case of a date picker this could be https://schema.org/Date or https://schema.org/DateTime. For the (sub-)uxi:UIElement for selecting a year inside that date picker, a uxi:UIPropertyValueSpecification could be used to narrow down the selection. Also useful for converting, sending or receiving data. | |
| inputTriggerValidator | Validator | The input trigger validator can be used with side-effect handlers, so that they only trigger when the input is valid. |
| isHidden | A hierarchy flag to toggle the visibility of an UI Element. If you want to transition between visibility states, you can use opacity for fading, size for shrinking and growing, or 3D transformations for flipping. Transitions tell the user what happened to an element, when hiding the user should be shown how to un-hide. |