vue-justified-layout
Vue integration for Flicker's justified layout module
Chcek out the documentation for a complete reference and usage examples.
Getting started
It's pretty easy to setup, just download the component with your favorite package manager.
npm install vue-justified-layout
Register the component globally using the plugin installation function.
Vue
Or import it into your scripts and register it as local component.
name: 'app' components: VueJustifiedLayout { return images: width: 250 height: 400 url: 'https://source.unsplash.com/featured/250x400?green,blue' width: 300 height: 400 url: 'https://source.unsplash.com/featured/300x400?green,blue' }
Optionally add some style for the images.
}
Then use it to display the array of images with a nice justified layout.
Or for vue < 2.6.0
versions using the old synthax.
Contributing
- Create an issue reporting a bug or a feature
- Fork the project (https://github.com/codekraft-studio/vue-justified-layout/fork)
- Create your feature branch (
git checkout -b my-new-feature
) - Commit your changes (
git commit -am 'Add some feature'
) - Publish the branch (
git push origin my-new-feature
) - Create a new Pull Request
License
This project is released under the MIT License by codekraft-studio.