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