Input

The Input component can be used to input text.

Usage

import {Input} from "react-native-lights";
const InputComponent = () => {
return (
<Input
placeholder="9999999999"
placeholderTextColor="#7d7d7d"
autoFocus={true}
maxLength={10}
keyboardType={"numeric"}
leftInputIcon={
<Icon
name="face"
size={25}
// color="white"
style={{ marginRight: 15 }}
/>
}
/>
);
};

Props

NamelabelTypestringdefault-descriptionLabel for the Text Input.
NameappearanceTypestringdefaultunderlineddescriptionCan be underlined, bordered or rounded.
NamemessageTypestringdefault - descriptionCan be used to display text under the input.
NameleftInputIconTypeImage ComponentdefaultnormaldescriptionCan be used to display an icon to the left of input.
NamerightInputIconTypeImage ComponentdefaultnormaldescriptionCan be used to display an icon to the right of input.
NamemessageIconTypeImage ComponentdefaultnormaldescriptionCan be used to display an icon next to the input message.
NameinputContainerStyleTypeView Component styledefaultnormaldescriptionStyles for the message container.
NamestyleTypeTextInput Component styledefaultnormaldescriptionStyles for the TextInput component.
NamedisabledTypebooleandefaultfalsedescriptionCan be used to show disabled input.
Name...TextInputPropsTypeTextInputPropsdefault - descriptionAny props of TextInput component.