How to use the shufflejs function in shufflejs

To help you get started, we’ve selected a few shufflejs examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github ursa-majors / co-ment / client / src / containers / PostsGrid.jsx View on Github external
.then(() => {
        // initialize a shuffle instance.
        this.shuffle = new Shuffle(this.element, {
          itemSelector: '.post',
          sizer: document.getElementsByClassName('sizer')[0],
          delimeter: ',',
          initialSort: {
            by: sortByDate,
            reverse: true,
          },
          group: filterGroup,
        });
        this.shuffle.resetItems();
        this.addShuffleEventListeners();
      });
    // temporarily set data attribute taborder = 'visual' to focusable eleements outside this commponent
github z-9527 / react-admin-master / src / routes / Other / AnimationDemo / index.js View on Github external
componentDidMount(){
    this.shuffle = new Shuffle(this.shuffleDemo, {
      itemSelector: '.shuffle-item',
      sizer: this.sizer,
    });
  }
  componentDidUpdate() {
github z-9527 / react-admin-master / src / routes / Other / GalleryDemo / index.js View on Github external
componentDidMount(){
    this.shuffle = new Shuffle(this.shuffleDemo, {
      itemSelector: '.photo-item',
      sizer: this.sizer,
    });
  }
  componentDidUpdate() {

shufflejs

Categorize, sort, and filter a responsive grid of items

MIT
Latest version published 3 months ago

Package Health Score

81 / 100
Full package analysis