<🍂> Boilerplate for create hippie elements using Polymer 1x.
<
></
1 - Install the element using Bower:
$ bower install hippie-element-boilerplate --save
2 - Import the element:
<link rel="import" href="bower_components/hippie-element-boilerplate/hippie-element-boilerplate.html">
3 - Start using it!
<hippie-element-boilerplate prop="foo">bar</hippie-element-boilerplate>
| Property | Type | Default | Description |
|---|---|---|---|
prop |
String | foo |
Prop description |
The following custom properties and mixins are available for styling:
| Custom property | Default | Description |
|---|---|---|
| —hippie-element-background-color | #f06 | Background color |
| —hippie-element-text-color | fff | Text color |
| —hippie-element-text | {} | Text styles |
Using the webcomponents.js:
 |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|
| Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | 11+ | Latest ✔ |
1 - Install Bower & Polymer-CLI:
$ [sudo] npm install -g bower polymer-cli
2 - Install local dependencies:
$ bower install
3 - Start the development server:
$ polyserve
Go to localhost:8080/components/hippie-element-boilerplate/
Linting with eslint:
$ [sudo] npm install -g eslint$ [sudo] npm install -g eslint-plugin-html$ eslint *.html
Linting with polylint:
$ [sudo] npm install -g polylint$ polylint
Install the Web Component Tester (WCT) test runner:
$ [sudo] npm install -g web-component-tester
Run tests:
$ wct --skip-plugin sauce
Quick tip: For run the selenium driver for safari, you need follow some instructions.
To keep better organization of releases we follow the Semantic Versioning 2.0.0 guidelines.
Find on our issues the next steps of the project ;)
Want to contribute? Follow these recommendations.
See Releases for detailed changelog.