Make-School-Labs / simple-component

simple Web Component Examples

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Simple Web Component Examples

These are examples of Web Components. These examples cover these basic concepts:

  • Defining Web Components
  • Reflecting properties as attributes
  • Creating a shadow root

Getting started

Start with the examples in the simple-component directory. These are numbered, do them in order, each example builds to the next. Each example has an html and JS file with some challenges written in comments.

The simple-component-solutions directory contains solutions for each of the challenges. You can take a look in here for clues if you get stuck.

About

simple Web Component Examples


Languages

Language:JavaScript 79.6%Language:HTML 20.4%