Description
...
The subsection consists of
Header.
Exit button - returns to the main filter panel.
Subsection content.
Apply button at the bottom.
Placement and Positioning
...
Content may vary depending on usage (e.g. an input form for advanced filtering).
Interaction
Entering the subsection is done from a filter within the filter panel.
Clicking the exit button or the Apply button will return to the initial filter panel.
Navigating away (e.g. selecting another filter) while changes were made, will display an “unsaved changes” confirmation pop-up.
Transitions
Entering the subsection will have a transition as seen in the example
...
when a filter contains too many values and needs to be narrowed down (i.e. filtering the filter).
if Additional additional options exist for a filter but are rarely used.
Don’t use
<…>
General
When used for the advanced editing of a filter, a subsection should not apply the filter on the workspace but only apply the filter itself.
Accessibility Compliance
Unless otherwise specified, see our general compliance information in Fundamentals - Accessibility
...
Zeplin link | Screen thumbnail |
---|---|
<<Short Zeplin link. You | <<Screen with 200 width>> |
...