@vivintsolar-oss/native-vs-input
yarn add @vivintsolar-oss/native-vs-input
// or
// npm install @vivintsolar-oss/native-vs-input
VSInput
Our input field adds some useful state changes along with keeping the look and feel consistent across multiple native apps.
import VSInput from '@vivintsolar-oss/native-vs-input';
<VSInput
password
label="Password"
reference={ (input) => {
this.passwordInput = input;
} }
error={ this.state.error }
autoCorrect={ false }
onChangeText={ this.onPasswordChange }
onSubmitEditing={ this.submit }
returnKeyType="send"
defaultValue={ this.state.password }
/>
Props
Name | Default | Type | Description |
---|---|---|---|
label | label | string | The text for your label |
reference | function | Ref function used to hoist state | |
info | boolean | Shows the info state | |
infoTestID | string | Value applied to the testID prop of an info button | |
infoAccessibilityLabel | string | Value applied to the accessibilityLabel prop of an info button | |
error | string | The error message displayed & shows error state | |
password | boolean | Shows the password state | |
toggle | function | Used to toggle state for more info icon (like a modal/alert) |
You can also add any other props available to the react native TextInput component