daube-input-text

A simple, material-influenced, vanilla js label and text input custom element.

Installation

npm install --save daube-input-text

This custom element requires the webcomponents-lite polyfill in order to work on all browsers

Please see webcomponents.org for more information about Polyfills

Import the custom element by:

<script src="./node_modules/daube-input-text/daube-input-text-compiled.js"></script>

Usage

Include the custom element in the html page

<daube-input-text></daube-input-text>

Options

The following options are available manually or programatically within the opening daube-input-text html tag:

1. label - label="your desired label name"
2. disabled - disabled
3. name - name="your desired name"
4. required - required
5. value - value="Your desired default text"
6. maxlength - maxlength="20"