| aria-activedescendant | string | | The id of the active element. Required if role has a value of "combobox", and focus
should remain on the input. |
| aria-controls | string | | The id of the element(s) controlled by the input. Required if role has a value of "combobox". |
| aria-label | string | | Accessibility label for the input |
| children | React.ReactNode | | Content rendered inside the text input group main div |
| className | string | | Additional classes applied to the text input group main container |
| hint | string | | Suggestion that will show up like a placeholder even with text in the input |
| icon | React.ReactNode | | Icon to be shown on the left side of the text input group main container |
| inputId | string | | The id of the input element |
| isExpanded | boolean | | Flag for whether an associated element controlled by the input is visible. Required if
role has a value of "combobox". |
| name | string | | Name for the input |
| onBlur | (event?: any) => void | | Callback for when focus is lost on the input field |
| onChange | (event: React.FormEvent<HTMLInputElement>, value: string) => void | | Callback for when there is a change in the input field |
| onFocus | (event?: any) => void | | Callback for when the input field is focused |
| placeholder | string | | Placeholder value for the input |
| role | string | | Determines the accessible role of the input. |
| type | | 'text'
| 'date'
| 'datetime-local'
| 'email'
| 'month'
| 'number'
| 'password'
| 'search'
| 'tel'
| 'time'
| 'url' | | Type that the input accepts. |
| value | string | number | | Value for the input |
