Input
The Input component allows a user to provide input in a text field.
import { Input } from "cherag-ui"
Usage
<Input
onChangeText={setUserName}
value={userName}
placeholder="Enter name"
leftIcon="lock"
rightIcon="eye"
borderColor={COLORS.errorIcon}
leftIconColor={COLORS.errorIcon}
rightIconColor={COLORS.errorIcon}
placeholderTextColor={COLORS.errorIcon}
w={200}
h={40}
/>
Props
Input propertics
style
StyleProp<ViewStyle>
Style of Input.
placeholder
string
Placeholder name of Input.
onPressLeftIcon
(event: GestureResponderEvent) => void
onPressLeftIcon providing left icon action.
onPressRightIcon
(event: GestureResponderEvent) => void
onPressRightIcon providing right icon action.
leftIcon
string
Name of the left icon.
leftIconColor
string
Color of the left icon.
rightIcon
string
Name of the right icon.
rightIconColor
string
Color of the right icon.
fontSize
number
Font size of Input text.
iconSize
number
Icon size of Input.
borderWidth
number
Border thickness of Input.
borderColor
string
Border color of the Input.
w
number
With of input box.
h
number
Height of input box.
textPadding
number
Padding of input text.