← Back

polymer-particles

(no summary available)

Author

Contributors

Rating

<polymer-particles>

Name: polymer-particles
Availability: InStock
Rating: 4 (102 reviews)
Author: ferbueno

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

Go to the configurator and get your configuration JSON. Also, you can create your own JSON with the help of the documentation.
Save your JSON within your app's directory, reachable by the component.
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)

**[ 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)

Directory