A Polymer Element showing an image-gallery element in a paginated-list element.
<paginated-image-gallery
image-items="[[list]]"
total-items="[[size]]"
loading="[[loading]]"
page="{{page}}">
</paginated-image-gallery><paginated-image-gallery> provides the following custom properties and mixins for styling:
| Custom property | Description | Default |
|---|---|---|
--paginated-image-gallery-hovering-color |
The background color of the hovering images. | none |
--paginated-image-gallery-loading-spinner |
Mixin applied to the loading-spinner. | none |
--paginated-image-gallery-max-height |
Maximum height of the gallery. | 160px |
--paginated-image-gallery-scroll-threshold |
Mixin applied to the iron-scroll-threshold. | none |
--paginated-image-gallery-selected-color |
The background color of the selected images. | none |
--paginated-image-gallery-show-more-button |
Mixin applied to the show more button. | none |
Dependencies are installed using Bower:
npm install -g bower
bower install
Tests are run using web-component-tester:
npm install -g web-component-tester
wct
Demonstration and documentation are viewed using polyserve:
npm install -g polyserve
polyserve