oscarmcm / love-heart

Pulsating love heart web component

<love-heart> v0.4.0

Pulsing love heart web component

Made with <love-heart></love-heart> by me

Dependencies

Element dependencies are managed via Bower. You can install that via:

npm install -g bower

Then, go ahead and download the element's dependencies:

bower install

Demo

Check it live!

Usage

1. Install love heart component:

$ bower install love-heart

2. Import Custom Element:

   <link rel="import" href="bower_components/love-heart/love-heart.html">

3. Start using it!

   <love-heart></love-heart>

Apply your own CSS:

.blue { color: blue; }
.big { font-size: 3.4em; }

Made with <love-heart class="blue"></love-heart> by me
Made with <love-heart class="big"></love-heart> by me

Fallback

You can add love-heart component fallback which is visible before page load is complete:

Made with <love-heart>love</love-heart> by Jan Antala

Development

In order to run it locally you'll need to fetch some dependencies and a basic server setup.

npm install -g bower polyserve

Install local dependencies

bower install

And you can run it via:

polyserve

Once running, you can preview your element at http://localhost:8080/components/love-heart/, where love-heart is the name of the directory containing it.

Contributing

1. Fork it!
2. Create your feature branch: git checkout -b my-new-feature
3. Commit your changes: git commit -m 'Add some feature'
4. Push to the branch: git push origin my-new-feature
5. Submit a pull request :D

License

The MIT License

Copyright (c) 2015 Jan Antala