TextInput

The TextInput element is used by the TextInput component. Use the TextInput element directly for custom scenarios.

Import input element

1import { TextInput } from '@hummingbot/hbui/elements/input'

Default

1<TextInput
2  defaultValue=''
3  placeholder='Placeholder'
4  onChange={(e) => setInputValue(e.target.value)}
5/>

Valid

1<TextInput
2  isValid
3  defaultValue=''
4  placeholder='Placeholder'
5  onChange={(e) => setInputValue(e.target.value)}
6/>

Invalid

1<TextInput
2  isInvalid
3  defaultValue=''
4  placeholder='Placeholder'
5  onChange={(e) => setInputValue(e.target.value)}
6/>

Warning

1<TextInput
2  isWarning
3  defaultValue=''
4  placeholder='Placeholder'
5  onChange={(e) => setInputValue(e.target.value)}
6/>