vue-tiles
A vue plugin using Muuri's responsive, sortable, filterable and draggable grid layouts.
Vue-tiles was created to provide an alternative option for creating a responsive dashboard in Vue. It is essentially a vue wrapper for Muuri. Using Vue's modular component system, vue-tiles allows us to drop in any number of tile components to quickly create our dashboard.
Installation
npm install --save vue-tiles
Bundler (Webpack)
// You need a specific loader for CSS files like https://github.com/webpack/css-loader Vue
How to Use
Vue tiles consists of a base vue-tile-grid
component that implements the Muuri plugin. Using this component, we will be able to insert any number of tile components through its slot.
Example:
<!-- slot content -->
Out-of-the-box, vue-tiles comes with a few tile components to get you started.
Here is some small content. Here is some medium content. Here is large content.
Events
Vue-tiles also allows you to listen to events on the grid object created by Muuri. Please refer to the docs for a complete list of events.
Example:
Content {{ num }}
// ... methods: { console }