https://github.com/fooloomanzoo/text-input

input for text
https://github.com/fooloomanzoo/text-input

Last synced: over 1 year ago
JSON representation

input for text

• Host: GitHub
• URL: https://github.com/fooloomanzoo/text-input
• Owner: fooloomanzoo
• License: mit
• Created: 2018-01-17T21:32:08.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-11-16T23:36:50.000Z (over 7 years ago)
• Last Synced: 2025-03-17T22:58:09.291Z (over 1 year ago)
• Language: JavaScript
• Size: 341 KB
• Stars: 2
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

          
[![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)