List filter Allow any lists to be filtered via the included filter plugin. Very easy to setup, no programming needed!

Default List filter

To create a list filter, you will need to first create an input and an list, assigning ID to each. For each list item you will add related filter tags separated by spaces data-filter-tags="*" which will be used to filter out the list item. Activate the filter tags by initlizing the script initApp.listFilter($('list_id'), $('input_id'));
  • Reports
  • Analytics
  • Export
  • Storage

Filter Accordions

You can arrange your filters like so to filter accordion headings
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.

Custom response message

To add a response message for the filter input, you can add a container with the class .filter-message.js-filter-message right after the list group
Typing something to see the response message
  • Reports
  • Analytics
  • Export
  • Storage