Here is how to get started

Setup Polymer

You need Polymer base files to use this component.

Install Bower if you don't have : sudo npm install -g bower.
Download Polymer using bower: bower install Polymer/polymer.

Install this package

npm install --save hello-world-mytest

Dependency Locations

Verify your directory structure. (if necessary)

|
|-- hello-world
|   |-hello-world.html (this file)
|-- bower_components
    |-- polymer
    |   |-- polymer.html
    |-- webcomponentsjs
        |-- webcomponents-lite.min.js

Usage

<head>
    ...
    <!-- import webcomponents-lite.min.js -->
    <script src="/path/to/bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
    ...
    <!-- import the file -->
    <link rel="import" href="/path/to/hello-world.html">
    ...
</head>

<body>
    ...
    <hello-world attribute1="value1" attribute2="value2"></hello-world>
    ...
</body>

Attributes

By default it will output hello-world.

Attribute	Type	Description
`name`	String	`name = "Vaju"` will output `hello Vaju`
`message`	String	`message = "hi"` will alert you Hi

Example

<head>
    ...
    <!-- import webcomponents-lite.min.js -->
    <script src="/path/to/bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
    ...
    <!-- import the ./hello-world-mytest/hello-world.html file -->
    <link rel="import" href="/path/to/hello-world-mytest/hello-world.html">
    ...
</head>
<body>
    ...
    <hello-world></hello-world>
    <hello-world name="Billy"></hello-world>
    ...        
</body>

This will output :

Hello hello-world

Hello Billy

Questions ?

Feel free to ping me on Skype at vajuinside.

Visit my tiny blog post on this element.

bye..

vajahath/hello-world-mytest polymer custom element.md