2.9.0 • Published 3 years ago

@valle/valle-input v2.9.0

Weekly downloads
8
License
MIT
Repository
github
Last release
3 years ago

valle-input

Awesome valle input element - web component using Polymer 3x

Published on webcomponents.org

How to install and use:

1 - Install the element using Yarn:

$ yarn add @valle/valle-input

2 - Import the element:

<script type="module" src="./node_modules/@valle/valle-input/valle-input.js"></script>

or in your javascript file

import '@valle/valle-input/valle-input.js';

3 - Start using it!

<valle-input label="Name" placeholder="Adam Sandler" helpertext="Full name"></valle-input>

Properties

PropertyTypeDefaultDescription
labelString""Default label
typeStringtextInput type
validatebyString""Type for validate (available: name)
placeholderString""Default placeholder
helpertextString""Description text for help
errortextSrting""Error message
patternString""RegExp for validate
valueString""Input value
errorBooleanfalseError state
requiredBooleanfalseRequired validate
disabledBooleanfalseDisabled state
autofocusBooleanfalseDefault autofocus
stepNumber0Custom step for number inputs
tooltipString""A tooltip for inputs
tooltipposString""Tooltip position (available: top-right)
tooltiplengthString""Tooltip length (available: small, medium and large)

Styling

The following custom properties and mixins are available for styling:

Custom propertyDefaultDescription
--valle-input-colorrgba(5, 159, 183, .87)Primary color
--valle-input-width100%Input Width
--icon-tooltip-color#000Icon tooltip color

Browser Support

Using the webcomponents.js:

ChromeOperaFirefoxSafariIEEdge
Latest ✔Latest ✔Latest ✔Latest ✔11+Latest ✔

Development

1 - Install Yarn & Polymer-CLI:

$ [sudo] yarn global add polymer-cli

2 - Install local dependencies:

$ yarn

3 - Start the development server:

$ yarn start

Go to localhost:8080/components/valle-input/

Tests

Unit tests

Run tests:

$ yarn test

Versioning

To keep better organization of releases we follow the Semantic Versioning 2.0.0 guidelines.

Contributing

Find on our issues the next steps of the project ;) Want to contribute? Follow these recommendations.

History

See Releases for detailed changelog.

License

MIT License © valleweb

2.9.0

3 years ago

2.8.0

3 years ago

2.7.0

3 years ago

2.6.1

3 years ago

2.6.2

3 years ago

2.5.8

3 years ago

2.5.9

3 years ago

2.5.10

3 years ago

2.5.11

3 years ago

2.5.7

3 years ago

2.5.6

3 years ago

2.5.5

3 years ago

2.5.2

3 years ago

2.5.4

3 years ago

2.5.3

3 years ago

2.5.1

3 years ago

2.5.0

3 years ago

2.4.0

4 years ago

2.3.3

4 years ago

2.3.2

4 years ago

2.3.1

4 years ago

2.3.0

4 years ago

2.2.0

4 years ago

2.1.2

4 years ago

2.1.1

4 years ago

2.1.0

4 years ago

2.0.2

4 years ago

2.0.1

4 years ago

2.0.0

4 years ago