Directory

← Back

polymer-particles

(no summary available)

Author

Rating

Popularity

<100

[ This description is mirrored from README.md at github.com/ferbueno/polymer-particles on 2019-05-22 ]

<polymer-particles>

A Polymer 2.x integration with particles.js!

Special thanks to Vincent Garreau for his amazing library!

Checkout his Github here! Also, the configurator for the particles is here!

Description

polymer-particles brings you an easy way to use the already easy particles.js library. Just add your URL to your configuration file and you're ready to go.

Example:

<polymer-particles></polymer-particles>

Usage

  1. Go to the configurator and get your configuration JSON. Also, you can create your own JSON with the help of the documentation.
  2. Save your JSON within your app's directory, reachable by the component.
  3. Install with bower
bower install --save ferbueno/polymer-particles

Styling

The following properties and mixins are available for custom styling:

Custom Property Description Default
--polymer-particles-background-display The display property to be asigned to the element. block
--polymer-particles-background-color The color for the background of the element. red
--polymer-particles-background-position The position property to be applied to the element. relative
--polymer-particles-background-width The width to be applied to the element. 100%
--polymer-particles-background-height The height to be applied to the element. 100%
--polymer-particles-background Alternatively, the mixin that will be applied to the whole element. {}

Properties

jsonUrl: string = "/default-config.json" A relative url to your configuration JSON

pJSDom: array = [] An array that's needed to process the DOM for the library.

Contributing

See something that needs changing? Just Fork It!

Make your feature branch and then send a pull request :D

License

This element is licensed under the MIT License

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Dependencies

Polymer/polymer#^2.0.0

Released
2017-10-05
Maturity
TESTED
License
Other

Compatibility

Framework
Polymer 2.0+
Browser
Browser Independent

polymer-particles - Vaadin Add-on Directory

(no summary available) polymer-particles - Vaadin Add-on Directory
**[ This description is mirrored from README.md at [github.com/ferbueno/polymer-particles](https://github.com//ferbueno/polymer-particles/blob/v1.0.0/README.md) on 2019-05-22 ]** # \ A Polymer 2.x integration with particles.js! Special thanks to Vincent Garreau for his amazing library! Checkout his [Github](https://github.com/VincentGarreau/particles.js) here! Also, the configurator for the particles is [here!](http://vincentgarreau.com/particles.js/) ## Description `polymer-particles` brings you an easy way to use the already easy particles.js library. Just add your URL to your configuration file and you're ready to go. Example: ``` ``` ### Usage 1. Go to the [configurator](http://vincentgarreau.com/particles.js/) and get your configuration JSON. Also, you can create your own JSON with the help of the [documentation](https://github.com/VincentGarreau/particles.js). 2. Save your JSON within your app's directory, reachable by the component. 3. Install with bower ``` bower install --save ferbueno/polymer-particles ``` ### Styling The following properties and mixins are available for custom styling: | Custom Property | Description | Default | | ------------------------------------------- | -------------------------------------------------------------------- | -------- | | --polymer-particles-background-display | The display property to be asigned to the element. | block | | --polymer-particles-background-color | The color for the background of the element. | red | | --polymer-particles-background-position | The position property to be applied to the element. | relative | | --polymer-particles-background-width | The width to be applied to the element. | 100% | | --polymer-particles-background-height | The height to be applied to the element. | 100% | | --polymer-particles-background | Alternatively, the mixin that will be applied to the whole element. | {} | ### Properties **jsonUrl**: string = "/default-config.json" A relative url to your configuration JSON **pJSDom**: array = [] An array that's needed to process the DOM for the library. ### Contributing See something that needs changing? Just Fork It! Make your feature branch and then send a pull request :D ### License This element is licensed under the [MIT License](LICENSE.md)
Online