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

webcomponents/hello-world-element

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 

<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