Default suggestion to highlight, as an index into the suggestions array.
If set, the suggestion at the specified index in the suggestions array
will be highlighted by default when the suggestions drop opens.
Target where any suggestions drop will be aligned to. This should be a React reference. Typically, this is not required as the drop will be aligned to the TextInput itself by default.
An optional icon to show. This could be used to provide an indication of what kind of input is expected, like an email icon, or what the input will be used for, like a search icon.
Custom messages for TextInput. Used for accessibility by screen readers.
Note: This function is deprecated, use onSuggestionSelect instead. Function that will be called when the user selects a suggestion. The suggestion contains the object chosen from the supplied suggestions. When used in conjunction with onSuggestionSelect this will default to React's onSelect
Function that will be called when the user selects a suggestion. The suggestion contains the object chosen from the supplied suggestions.
Whether this is a plain input with no border or outline. Use "full" to remove padding in addition to removing border and outline. Only use this when the containing context provides sufficient affordance.
Suggestions to show. It is recommended to avoid showing too many suggestions and instead rely on the user to type more.
{
"dark": "rgba(255,255,255,0.33)",
"light": "rgba(0,0,0,0.33)"
}
The possible sizes of the text in terms of its font-size and line-height.
{
"font": {},
"xsmall": {
"size": "12px",
"height": "18px",
"maxWidth": "288px"
},
"small": {
"size": "14px",
"height": "20px",
"maxWidth": "336px"
},
"medium": {
"size": "18px",
"height": "24px",
"maxWidth": "432px"
},
"large": {
"size": "22px",
"height": "28px",
"maxWidth": "528px"
},
"xlarge": {
"size": "26px",
"height": "32px",
"maxWidth": "624px"
},
"xxlarge": {
"size": "34px",
"height": "40px",
"maxWidth": "816px"
},
"2xl": {
"size": "34px",
"height": "40px",
"maxWidth": "816px"
},
"3xl": {
"size": "42px",
"height": "48px",
"maxWidth": "1008px"
},
"4xl": {
"size": "54px",
"height": "60px",
"maxWidth": "1296px"
},
"5xl": {
"size": "70px",
"height": "76px",
"maxWidth": "1680px"
},
"6xl": {
"size": "90px",
"height": "96px",
"maxWidth": "2160px"
}
}
"any CSS"
(props) => {}
The font-weight of the text. This value will only be applied if global.input.weight is undefined.
600
This value has been deprecated and replaced by global.input.font.weight.