Web Components

A lightweight web components example. Web Components are a set of features that provide a standard component model for the Web allowing for encapsulation and interoperability of individual HTML elements.

Examples

Name	Description	Code	Attributes
AutoCompleteInput	An input field with generated auto suggestions as drop down.	<auto-complete>	* name * value
IncreaseDecreaseInput	Custom input field to change the quantity, e.g. to choose a product amount.	<increase-decrese>
RatingStars	Rating stars tells users that the page is trustworthy and that past users have rated it in a certain way.	<rating-stars>	* average * size

See it in action: https://alexanderweigelt.github.io/WebComponents/

Usage

First install dependencies:

npm install

To create a production build:

npm run build-prod

To create a development build:

npm run build-dev

To lint your code

npm run lint