@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