Graviton Input

Input Web Component Designed By James Madden, Loosely following the Material Spec.

<gvt-input>Input</gvt-input>
<gvt-input type="date">Date Input</gvt-input>
<gvt-input type="time">Time Input</gvt-input>
<gvt-input value="Jay">Name</gvt-input>

Install

npm install @graviton/input

Import the component into your app:

import '@graviton/input';

To use your own build process on the component, import

import '@graviton/input/src/gvt-input.js';

Usage

To use Graviton Input in html:

<gvt-input></gvt-input>

Provide a label for the input:

<gvt-input>Username</gvt-input>

Set the input type:

<gvt-input type="password">Password</gvt-input>

Set an autocomplete type:

<gvt-input type="password" autocomplete="password">Password</gvt-input>

Provide a default value:

<gvt-input type="password" autocomplete="password" value="Hello World!">Password</gvt-input>

Compatibility

Graviton Input's default bundle should be compatible with the latest 2 versions of evergreen browsers, as well as IE 11. To build with different browser requirements, or to build a modern es2015 bundle, use the unbundled import (import '@graviton/input/src/gvt-input.js') and your own build process.