ShuffleJS-React
Getting Started ✨
In progress...but check codesandbox or website for demo.
import SortFilter from "shufflejs-react";import taxonomies from "./data/taxonomiesObject.json";import records from "./data/basicRecords.json"; { const defaultSort = ""; // empty string defaults to show all const itemSelector = "sortblock"; return <div ="App"> <SortFilter = = = > <Elements = = /> </SortFilter> </div> ;}
Child elements can be anything that takes in array of records objects
{ return records;} { const itemSelector record = props; return <div = = > <div ="aspect aspect--4x3"> <div ="aspect__inner"> <img ="element__img" = ="" /> </div> </div> </div> ;}
Files for data
// basicRecords.json// taxonomiesObject.json
Contributing
Read the Contributing.md file for instructions on running locally and contributing.
License
MIT © Aricode00