lively4-core

Creating a Web Component

What is a “Web Component”

<html>
  <h1>My Website</h1>
  <div>This is a standard html element</div>
  <!-- and the next one is a custom web componenent -->
  <my-web-component id="foo" valu="5">
     <span>This node is a child</span
  </my-web-component>
</html>

We use Web-components to create tools and applications directly in the Web-browser.

So lets start:

Create a new component using a “wizard”
- this will create two files:
  1. a html file containing a template
  2. a js file containing a module exporting a subclass of HTMLElement

This site is open source. Improve this page.