Skip to main content

Number Field

This is a field for entering numeric information.

num_anatomy.svg

1. Root : The top-level container area wrapping the entire text field
2. Label : The element entered by the user
3. Cursor : The cursor element shown when the field is in a state where text can be entered
4. Field : The area where the user enters information

States

StateValueDescription
ValueStringText information entered in the text field
FocusedTrue / FalseChanges to True when the Text Field area is recognized upon touch or VoiceOver access
DisabledTrue / FalseIf True, input and access to the Text Field are not allowed. Focused state is not functional
Read OnlyTrue / FalseIf True, the text field can be accessed for its input value but cannot be modified. Focused state works.
InvalidTrue / FalseState that checks whether the entered value is valid or not

num_states.svg

Properties

StateValueDescription
SizeLarge, MediumSize of the text field

num_size.svg