Category Filter Menu

Description

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.

Options

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

Code


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