Web Components

The full thing

Let's say we want to build something like this:


      <wp-meetup-component
          title="First Web Component"
          description="This is my first web component"
        > 

            <p>And this is a child tag</p> 

        </wp-meetup-component>

Specs:

Takes title and description as attributes, displays them as content
Displays any children tags it gets

Custom components!

And this is a child tag

And this is a child tag

And this is a child tag

And this is a child tag

Index

Source: https://github.com/DBozhinovski/neat-html-tricks-demo/blob/master/src/pages/web-components-full.html