Text Field
A field for entering various text information such as text, password, email, etc.
1. Root : The top-level container area that wraps the entire text field
2. Field : The area where the user enters information
3. Cursor : The cursor element that is provided when you can enter text
4. Place Holder : A label that provides context for the text field information that needs to be entered
5. Suffix : (Optional) An area that displays the context of the value to be written in the text field as text or an icon
States
| State | Value | Description |
|---|---|---|
| Value | String | Text information entered in the text field |
| Focused | True / False | Switch to True when the text field area is recognized during touch or voice access |
| Disabled | True / False | If True, input and access to the text field are disabled. The focused state does not work |
| Read Only | True / False | If True, the text field can access the input value but cannot change it. The focused state is working |
| Invalid | True / False | A state that checks whether the input value is valid or not |
Typing Interaction
Properties
| Property | Value | Description |
|---|---|---|
| Type | Text / Tel / Url / Email / Password | The type of the text field |
| Size | Medium, Small | The size of the text field |
