The sort and filter pattern allows users to narrow down results from a set of data by setting sort and filter criteria.
Sort & Filter Form
The sort & filter form is used for advanced filtering. For compact layout, it opens in a fullscreen modal, where the sort and filter options can be set. The modal closes and shows the results once the user taps on the result button in the form.
For regular width layout (iPad), the sort & filter form opens in a popover. The popover closes and updates the results when tapping the results button.
To learn more, see Sort and Filter Form.
Sort & filter form for iPhone (left) and for iPad (right)
Filter Feedback Bar
The filter feedback bar is used for contextual onscreen sorting & filtering that enables the user to maintain the context to the displayed results.
The filter feedback bar is a horizontal bar above a set of data. It allows the user to apply frequently used filters. It shows the filters that have been applied to the data. The user can set multiple filters at once, as the data below reacts immediately to the changes. To learn more, see Filter Feedback Bar.