UNPKG

@polight/lego

Version:

Tiny Web Components lib for future-proof HTML mentors

github.com/Polight/lego

Polight/lego

18 lines (13 loc) • 664 B
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
--- title: Usage weight: 3 --- A Web Component can optionally have 3 parts: * some HTML in a [`<template>` tag]({{< relref "template" >}}), * some JavaScript in a [`<script>` tag]({{< relref "script" >}}), * and some CSS in a [`<style>` tag]({{< relref "reactive-style" >}}). 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.