isotope demo code example
Example 1: how to use isotope
// with vanilla JS
var iso = new Isotope( '.grid', {
itemSelector: '.grid-item',
getSortData: {
name: '.name',
category: '[data-category]'
},
masonry: {
columnWidth: 200
}
});
Example 2: how to use isotope
<!-- in HTML -->
<div class="grid" data-isotope='{ "itemSelector": ".grid-item", "getSortData": { "name": ".name", "category": "[data-category]" }, "masonry": { "columnWidth": 200 } }'>