@appnest/masonry-layout
Advanced tools
@appnest/masonry-layout - npm Package Compare versions
Comparing version 0.0.10 to 0.0.11
| { | ||
| "name": "@appnest/masonry-layout", | ||
| "version": "0.0.10", | ||
| "version": "0.0.11", | ||
| "license": "MIT", | ||
@@ -53,6 +53,7 @@ "module": "index.js", | ||
| "devDependencies": { | ||
| "@appnest/readme": "^1.0.2", | ||
| "@appnest/web-config": "0.3.11" | ||
| "@appnest/readme": "^1.0.18", | ||
| "@appnest/web-config": "0.3.21" | ||
| }, | ||
| "readme": { | ||
| "line": "rainbow", | ||
| "ids": { | ||
@@ -59,0 +60,0 @@ "npm": "@appnest/masonry-layout", |
| <h1 align="center">@appnest/masonry-layout</h1> | ||
| <p align="center"> | ||
@@ -9,2 +10,4 @@ <a href="https://npmcharts.com/compare/@appnest/masonry-layout?minimal=true"><img alt="Downloads per month" src="https://img.shields.io/npm/dm/@appnest/masonry-layout.svg" height="20"/></a> | ||
| </p> | ||
| <p align="center"> | ||
@@ -17,2 +20,7 @@ <b>An efficient and fast web component that gives you a beautiful masonry layout</b></br> | ||
| <p align="center"> | ||
| <img src="https://raw.githubusercontent.com/andreasbm/masonry-layout/master/example.gif" width="600"> | ||
| </p> | ||
| * **Simple:** Works right out of the box (just add it to your markup) | ||
@@ -25,7 +33,6 @@ * **Lightweight:** Super small (1.5kb minified & gzipped) | ||
| <img src="https://raw.githubusercontent.com/andreasbm/masonry-layout/master/example.gif" width="600"> | ||
|  | ||
|  | ||
| ## ❯ Installation | ||
| ## ➤ Installation | ||
@@ -36,6 +43,7 @@ ```javascript | ||
|  | ||
| ## ❯ Example | ||
|  | ||
| ## ➤ Example | ||
| Import `@appnest/masonry-layout` somewhere in your code and you're ready to go! Simply add the masonry layout to your `html` and you'll be singing and dancing from not having to build the masonry layout yourself. | ||
@@ -53,6 +61,7 @@ | ||
|  | ||
| ## ❯ Customize | ||
|  | ||
| ## ➤ Customize | ||
| Customize the functionality by applying the attributes. | ||
@@ -110,6 +119,7 @@ | ||
|  | ||
| ## ❯ Trigger layout | ||
|  | ||
| ## ➤ Trigger layout | ||
| If you want to force layout to can simply call the `layout()` function on the masonry layout. | ||
@@ -127,13 +137,15 @@ | ||
|  | ||
| ## ❯ ResizeObserver | ||
|  | ||
| ## ➤ ResizeObserver | ||
| You might want to polyfill the `ResizeObserver`. The observer in the component makes sure to distribute the items whenever the size of the grid changes. If this is not polyfilled you will have to call the `layout()` function yourself when the height of the grid changes. If no `ResizeObserver` can be found on the `window` object it will instead re-distribute items when the size of the window changes. | ||
|  | ||
| ## ❯ License | ||
|  | ||
| ## ➤ License | ||
| Licensed under [MIT](https://opensource.org/licenses/MIT). | ||
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by1.22%
33525
- Number of lines in readme file
- increased by9.02%
145