Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/vajahath/hello-world-mytest

This is a test package to verify that the polymer setup is fine.
https://github.com/vajahath/hello-world-mytest

Last synced: 9 days ago
JSON representation

This is a test package to verify that the polymer setup is fine.

Awesome Lists containing this project

README

        

# hello-world polymer custom element
This is a hello-world that is intended to confirm that the basic setup is working fine.

This is a simple basic Polymer web component that I used to verify that the basic setup OK.

![demo](https://2.bp.blogspot.com/-Bay6F4-7e98/V3Tr90JafFI/AAAAAAAAqSg/6JLkrNDWYgcd_Vf2rXH4DtEF5udsPTeQQCLcB/s1600/6121503889817600.png "hello-world element")

## Setup Polymer

You need Polymer base files to use this component.

1. Install Bower if you don't have : `sudo npm install -g bower`.
2. 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

```html

...


...


...

...

...

```

## 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

```html

...


...


...

...


...

```
This will output :
> Hello hello-world

> Hello Billy

## Questions ?

Feel free to ping me on Skype at `vajuinside`.

Visit my tiny [blog post](http://mycolorpad.blogspot.in/2016/06/lots-of-things-during-this-break-and.html) on this element.

bye..

## Change Log
*1.1.3*
* Fixed a bug.

*1.1.1*
* Connecting to GitHub.

*1.1.0*
* Small change in style.
* Documentation update.

*1.0.9*
* Added a new attribute: `message`
* Added button.

*1.0.8*
* Anonymous documentation update.

*1.0.7*
* Updated documentation.
* Styled the element.