Filterable list control panels

The filter control panel allows users to whittle down number of items in a list to help them focus in on a specific piece of content they may be looking for, or find content relevant to them based on specific filter parameters, housed in an expandable above the list.

Standard filterable list

Use filters in conjunction with search to help users narrow down large amounts of data or content. Follow form patterns for grouping, layout, and messaging. Note that notification messaging sits below the filter and above results.

Collapsed

Filterable list collapsed

Expanded

Filterable list expanded

Specs

Filter panel style