Collection of simple examples on how to extend the functionality or the look of an existing HTML component.
- wc-word-count
Component that allows to edit some text in a
<textarea>and count the number of words in it. - wc-back-to-top-btn Button to get back to a given tag.
- wc-instagram-btn Button to link to an instagram account.
Project make use of the ESNext modules so all the modules need to be included in the following manner.
<script src="path-to-module.js" type="module"><script>- MDN customElements
- MDN Using Web Components
- YT JavaScript Events
- Custom events in JS: complete guide?
- HTML Symbols
- Coolors.co palettes
- YT Progress Bar with Web Components in JavaScript
- SVG Optimizer
# while on dev mode
npm run watch-ts
# generates the JavaScript files to be distributed
npm run BUILD