Directory

← Back

grain-masonry

(no summary available)

Author

Rating

Popularity

<100

[ This description is mirrored from README.md at github.com/daKmoR/grain-masonry on 2019-05-22 ]

Published on webcomponents.org Polymer Version

<grain-masonry>

Wrapper for the amazing masonry grid. (https://masonry.desandro.com/)

Demo

<grain-masonry transition-duration="250">
  <article style="height: 30px;">Power</article>
  <article style="height: 50px;">To</article>
  <article style="height: 25px;">The</article>
  <article style="height: 35px;">People</article>
  <article style="height: 40px;">!</article>
</grain-masonry>
<style>
  article {
    background: #36abcc; width: 29%; margin: 2%; color: #fff; display: flex; align-items: center; justify-content: center;
  }
</style>

Installation

$ bower install --save daKmoR/grain-masonry

Getting Started

Import the package.

<link rel="import" href="/bower_components/grain-masonry/grain-masonry.html">

For more information, see the API documentation.

Working on the Element

First, make sure you have the Polymer CLI installed.

  • View the Element via polymer serve
  • Run tests via polymer test

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-rc.2 <3.0

  • daKmoR/grain-update-inline-style-behavior#>=0.8.0 <2.0
  • daKmoR/grain-responsive-behavior#>=0.8.0 <2.0
  • masonry#^4.2.0
Released
2017-07-05
Maturity
TESTED
License
Other

Compatibility

Framework
Polymer 1.0+
Browser
Browser Independent

grain-masonry - Vaadin Add-on Directory

(no summary available) grain-masonry - Vaadin Add-on Directory
**[ This description is mirrored from README.md at [github.com/daKmoR/grain-masonry](https://github.com//daKmoR/grain-masonry/blob/v0.8.2/README.md) on 2019-05-22 ]** [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/daKmoR/grain-masonry) [![Polymer Version](https://img.shields.io/badge/polymer-v2-blue.svg)](https://www.polymer-project.org) # \ Wrapper for the amazing masonry grid. (https://masonry.desandro.com/) ## Demo ```html
Power
To
The
People
!
``` ## Installation ```sh $ bower install --save daKmoR/grain-masonry ``` ## Getting Started Import the package. ```html ``` *For more information, see the API documentation.* ## Working on the Element First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) installed. * View the Element via `polymer serve` * Run tests via `polymer test`
License
Documentation
Online Demo
View on GitHub
GitHub Homepage
Issue tracker

grain-masonry version 0.8.0
### Dependencies Polymer/polymer#>=2.0.0-rc.2 <3.0 * daKmoR/grain-update-inline-style-behavior#>=0.8.0 <2.0 * daKmoR/grain-responsive-behavior#>=0.8.0 <2.0 * masonry#^4.2.0

grain-masonry version 0.8.1
### Dependencies Polymer/polymer#>=2.0.0-rc.2 <3.0 * daKmoR/grain-update-inline-style-behavior#>=0.8.0 <2.0 * daKmoR/grain-responsive-behavior#>=0.8.0 <2.0 * masonry#^4.2.0

grain-masonry version 0.8.2
### Dependencies Polymer/polymer#>=2.0.0-rc.2 <3.0 * daKmoR/grain-update-inline-style-behavior#>=0.8.0 <2.0 * daKmoR/grain-responsive-behavior#>=0.8.0 <2.0 * masonry#^4.2.0

Online