@sollentson/masonry-layout/README.md

Masonry Layout Vue component

<div align="center">
  <br>
  <h1>Masonry Layout</h1>
  <p>🌈 Simple, elegant layout for Vue.js</p>
  <br>
  <a href="https://vuejs.org/"><img src="https://img.shields.io/badge/vue-%5E3.4.20-4fc08d.svg?colorA=2c3e50&style=flat-square" alt="vue"></a>
  <br>
  <a href="https://pkg-size.dev/@sollentson/masonry-layout"><img src="https://pkg-size.dev/badge/install/9180" title="Install size for @sollentson/masonry-layout"></a>
  <a href="https://pkg-size.dev/@sollentson/masonry-layout"><img src="https://pkg-size.dev/badge/bundle/1622" title="Bundle size for @sollentson/masonry-layout"></a>
  <br>
  <a style="font-size: 16px" href="https://sollent-son-masonry-layout.netlify.app">
    Docs / Live Demo
  </a>
</div>

---
## Installation
---
```sh
npm i @sollentson/masonry-layout
```
---
## Usage
---
_Script_
```js
import Masonry from "@sollentson/masonry-layout"
import '@sollentson/masonry-layout/style.css'
```
_Vue Template_
```html
    <Masonry
        offset-x="10px"
        offset-y="10px"
        duration="0.5s"
        :columns="7"
        timing="ease-in"
    />
```