text-input - Vaadin Add-on Directory
input for text[![Published on NPM](https://img.shields.io/npm/v/@fooloomanzoo/text-input.svg)](https://www.npmjs.com/package/@fooloomanzoo/text-input)
[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/@fooloomanzoo/text-input)
_[API & Demo](https://fooloomanzoo.github.io/text-input)_
## \
An input for text values.
### Motivation
The normal `input` with `type="text"` is fairly good to use, but it has some flaws, because it should if wanted e.g.:
* guarantee **live**-value to be valid
* to be styled easily
* auto resize on input
### Example
```html
hex-color:
pattern: ^#(?:[A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$
input: [[input]]
value: [[value]]
``` ### Styling Have a look at [input-picker-pattern#input-shared-style](https://github.com/fooloomanzoo/input-picker-pattern#input-shared-style) to see how to style the element. ### Installation ``` npm i @fooloomanzoo/text-input ``` ### License [MIT](https://github.com/fooloomanzoo/text-input/blob/master/LICENSE.txt)