TextInput
Last updated
Last updated
A basic text input component that can be used in single or multi-line modes.
adornment
Allows to add an icon or any other component inside of a TextInput
.
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
The total width of the adornment.
adornmentSettings.padding
The horizontal padding of the adornment.
autofocus
Focus the text field when the component gets mounted.
onChange
The native change
event. Gets passed to either the input
element, or textarea
element if multiline
is true.
type
Any valid <input>
type. See MDN.
This prop is ignored if multiline
is true
.
multiline
Type: Boolean
Default: false
Set to true to use multiple lines. Internally uses a textarea
HTML element.
wide
Type: Boolean
Default: false
Set to true to obtain an input that expands horizontally.
TYPE | DEFAULT VALUE |
---|---|
TYPE | DEFAULT VALUE |
---|---|
TYPE | DEFAULT VALUE |
---|---|
TYPE | DEFAULT VALUE |
---|---|
TYPE | DEFAULT VALUE |
---|---|
TYPE | DEFAULT VALUE |
---|---|
TYPE | DEFAULT VALUE |
---|---|
React node
null
"start"
or "end"
"start"
Number
36
Number
4
Boolean
false
Function
None
String
"text"