The TextInput component is controlled component input field that handles user events. For more on controlled components see here.
Error state, useful for applying form validation.
Label, helper and error text to give provide more context and useful hints.
Name | Description | Type | Default Value |
---|---|---|---|
description | Renders a description text underneath the input. | string | '' |
disabled | bool | false | |
errorMessage | Renders a red error message for validation underneath the input. | string | '' |
id | string | n/a | |
isValid | Renders the input as valid or invalid. | bool | true |
label | Renders a label inside the input. | string | '' |
loading | bool | false | |
name | string | n/a | |
onChange | onChange handler. Triggers on every keyboard and generally is here where you change the value of the value property. | func | n/a |
type | string | n/a | |
value | Value of the textInput. This should be stored in the state of the parent component. | string | '' |