Category Filter Menu


Filter Menu that allows the user to seelct a category and controls what is shown in the element with the id = data-target. The script file: components/category-filter-menu must be added to the page where this component resides.


data-target : string
Please note: This string must match the id of the filtered element.

items : Object
Please note: Category is required. Description is Optional.

Sample Category Filter Menu with Descriptions


{% assign data-target = 'performance-diagram'%} {% assign items = data.performance-scales%} {% assign data =} {% include components/category-filter-menu.html data-target = data-target items = items %}