A filter form cell control is used to filter one or more values under a filter category. It is commonly used in the Filter pattern for sorting and grouping.
Use a filter form cell when the number of values is less than 8.
Don’t use a filter form cell if the text is too long. Use the List Picker control for easier interaction.
A filter form cell includes:
To describe the data range or function.
Buttons have a normal and highlighted state to show a selection.
Single selection is used to filter by one value under a category.
Multi-selection is used to select multiple values within a category.
Behavior & Interaction
To select a value, the user taps on a button that becomes highlighted to indicate it as a selection. In the case of multiple selection, the user can tap on additional buttons. To deselect a selected value, the user taps again on the selection.
In regular width, filter form cells are displayed inside a popover modal.