Usage no npm install needed!

<script type="module">
  import vivintsolarOssWebVsInput from 'https://cdn.skypack.dev/@vivintsolar-oss/web-vs-input';
</script>

README

@vivintsolar-oss/web-vs-input

npm install @vivintsolar-oss/web-vs-input
// or
// yarn add @vivintsolar-oss/web-vs-input

VSInput

Our input field adds some useful state changes along with keeping the look and feel consistent across multiple web apps.

import VSInput from '@vivintsolar-oss/web-vs-input';

  <VSInput
    label="First Name"
    error={ this.state.error }
    reference={ (input) => {
      this.firstNameInput = input;
    } }
  />

Properties

Name	Default	Type	Description
reference		function	Ref function used to hoist state
label	label	string	The text for your label
error	null	string	The error message displayed
disable	false	boolean	Shows boolean state
active	false	boolean	Shows active state
dark		boolean	If being used on a dark background