UNPKG

@polight/lego

Version:

Tiny Web-Components lib for future-proof HTML mentors

github.com/Polight/lego

Polight/lego

19 lines (13 loc) • 560 B
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
--- title: Usage weight: 3 --- A web-component can optionally have 3 parts: some HTML in a `<template>` tag, some JavaScript in a `<script>` tag and some CSS in a `<style>` tag. You can make a web-component for multiple reasons. If you just want to re-use a piece of HTML, the `<template>` tag is all you need. If you want to polish it's look {{< emoji "💅" >}}, `<style>` is your friend. Bonus: it's fully scoped with no leaking out of context. When some user interaction or reactivity is demanded, `<script>` is going to be the guy.