<hippie-element-boilerplate>

<:fallen_leaf:></:fallen_leaf:> Boilerplate for create hippie elements using Polymer 1x.

How to install and use:

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>

Properties

Property	Type	Default	Description
prop	String	foo	Prop description

Styling

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

Browser Support

Using the webcomponents.js:

Latest ✔	Latest ✔	Latest ✔	Latest ✔	11+	Latest ✔

Development

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/

Tests

Linting

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

Unit tests

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.

Versioning

To keep better organization of releases we follow the Semantic Versioning 2.0.0 guidelines.

Contributing

Find on our issues the next steps of the project ;)
Want to contribute? Follow these recommendations.

History

See Releases for detailed changelog.

License

MIT License © hippie team