TextInput
A basic text input component that can be used in single or multi-line modes.
Usage
Demonstration
Props
adornment
adornment
Allows to add an icon or any other component inside of a TextInput
.
adornmentPosition
adornmentPosition
Set this to change the position of the adornment. 'start'
is displayed on the left, and 'end'
on the right. Note: in the future, the position will be reversed in right-to-left languages.
adornmentSettings.width
adornmentSettings.width
The total width of the adornment.
adornmentSettings.padding
adornmentSettings.padding
The horizontal padding of the adornment.
autofocus
autofocus
Focus the text field when the component gets mounted.
onChange
onChange
The native change
event. Gets passed to either the input
element, or textarea
element if multiline
is true.
type
type
Any valid <input>
type. See MDN.
This prop is ignored if multiline
is true
.
multiline
multiline
Type:
Boolean
Default:
false
Set to true to use multiple lines. Internally uses a textarea
HTML element.
wide
wide
Type:
Boolean
Default:
false
Set to true to obtain an input that expands horizontally.
Last updated