Link Search Menu Expand Document
  1. Usage of Lego web-components

Usage of Lego web-components

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 muliple 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 💅, <style> is your friend. Bonus: it’s fully scoped with no leaking out of context.

When some user interaction or reactiveness is demanded, <script> is going to be the guy.


Table of contents