Skip to content
This repository has been archived by the owner on Dec 29, 2022. It is now read-only.

webcomponents/hello-world-element

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

33 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

<hello-world>

A Web Component example using VanillaJS.

Looking for a boilerplate? Check element-boilerplate.

Demo

Check it live!

Install

Install the component using Bower:

$ bower install hello-world-element --save

Or download as ZIP.

Usage

  1. Import polyfill:

    <script src="bower_components/webcomponentsjs/webcomponents.min.js"></script>
  2. Import custom element:

    <link rel="import" href="bower_components/hello-world-element/hello-world.html">
  3. Start using it!

    <hello-world></hello-world>

Options

Attribute Options Default Description
who string World Who do you want to say hello?

Development

In order to run it locally you'll need to fetch some dependencies and a basic server setup.

  1. Install bower & polyserve:

    $ npm install -g bower polyserve
  2. Install local dependencies:

    $ bower install
  3. Start development server and open http://localhost:8080/components/hello-world-element/.

    $ polyserve

History

For detailed changelog, check Releases.

License

MIT License © WebComponents.org