TextInput Group
Indeed, forms require input from all users, including astronauts. Text input fields help to gather both short and long-form information. The size of the text field should correspond to the length of information that's required.
Text input fields can contain various rules to ensure the right information is obtained from users. Users should also be given prompts to guide them on what's needed, or if they've made an error while doing so.
Default
Vertical orientation
RTL
Sizes
Error
Text type variants
Access Values by ref
Country: Estonia
Phone: +372 45678901
Props (Text types)
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| inputProps | object { input1: TextInputTypes, input2: TextInputTypes } | Yes | object { inputSize: 'md', type: 'text' } | Props for the text input fields. See TextInput component |
| orientation | vertical | horizontal | No | horizontal | How the fields are positioned with one another |
| isRtl | boolean | No | false | Text direction |