Input

<Input
	value={input}
	isDisabled={isDisabled}
	isLoading={isLoading}
	label="Your Name"
	onChange={onInputChange}
	placeholder="Jane Doe" />

Start typing to see how results work
NameTypeDescriptionRequired
autoComplete
"new-password" | "username" | "current-password"
-
autoFocus
boolean
-
className
string
-
helperText
string
-
id
string
-
isDisabled
boolean
-
isLabelHidden
boolean
-
isLoading
boolean
-
isRequired
boolean
-
label
string
-
Yes
maxLength
number
-
name
string
-
onBlur
(event?: FocusEvent<HTMLInputElement>) => unknown
-
onChange
(event?: ChangeEvent<HTMLInputElement>) => unknown
-
onClear
HeliosOnClickType
-
onFocus
(event?: FocusEvent<HTMLInputElement>) => unknown
-
onKeyDown
(event?: KeyboardEvent) => unknown
-
onKeyUp
string
-
placeholder
string
-
results
Array<ResultItem>
-
showResults
boolean
-
type
"text" | "email" | "date" | "time" | "password"
-
value
string
-
Yes