Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/vajahath/hello-world-mytest
- Owner: vajahath
- License: mit
- Created: 2016-08-11T07:12:30.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-03-26T05:47:08.000Z (almost 8 years ago)
- Last Synced: 2024-11-07T03:48:13.403Z (2 months ago)
- Language: HTML
- Size: 4.88 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
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.