Home

Awesome

<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

AttributeOptionsDefaultDescription
whostringWorldWho 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