Filter

Filter Flyout

The Filter flyout is shown on desktop and provides the user with a list of options [checkboxes] to choose from.

Flyout opens upon opening the select

Flyout opens upon opening the select

[left] options selected; [right] search expanded

[left] options selected; [right] search expanded

Filter Overlay

The Filter overlay is used on mobile only and takes up the whole screen [100vh and 100vw].

Filter [all options for category] open upon clicking a select

Filter [all options for category] open upon clicking a select

All Filters open upon clicking the icon button

All Filters open upon clicking the icon button

Category in all filter screen is clicked -> opens all available options

Category in all filter screen is clicked -> opens all available options

Expanded search & search results

Expanded search & search results