Lead: Liav Nadler Asaf Ben-Oved
| Status | ||||
|---|---|---|---|---|
|
...
Chicklets give the user an indication that the data is currently filtered by one or more filters.
There are two types of chicklets:
Mandatory - deleting these chicklets will show an empty state, instructing the user to apply all mandatory filters.
Optional - deleting these chicklets will clear the corresponding filters.
In most cases, clicking Apply in the filter pane creates a single chicklet. However, when one tab contains distinct parameters, applying the filter may create several chicklets.
States
State | Image | Comments |
|---|---|---|
Regular | ||
Hover | ||
Selected | ||
In Focus |
...
Hovering a chicklet will show the x icon, allowing the user to remove it.
Clicking a chicklet:
When the filter panel is pinned: switches the filter panel to the selected filter.
When unpinned: opens the relevant filter panel.
Clicking the x icon:
removes the chicklet,
moves the remaining chicklets to take the place of the chicklet that were was removed,
clears the corresponding filter,
removes clears the blue indicator from the corresponding filter bar (unless there are more items relating to that filter).
Note: on in complex scenarios, behaviour may vary (see below).
...