Lead: Liav Nadler Asaf Ben-Oved
| Status | ||||
|---|---|---|---|---|
|
...
State | Image | Comments | |
|---|---|---|---|
RegularTBD | |||
Regular with a filtered indicator | |||
HoverTBD | |||
Hover with a filtered indicator | |||
Selected | TBD | Only one tab can be selected at any given time | |
In FocusTBD |
Default State
In most cases, no tabs are selected by default.
...
State | Image | Comments |
|---|---|---|
Regular | TBD | |
Hover | TBD | |
Selected | TBD | |
In Focus | TBD |
Structure
Each chicklet contains:
an icon, similar to the corresponding icon on the filter bar,
a label, showing the filter value (e.g. Last 24 hours). In case of multiple selection, the chicklet will show the name of the filter, followed by the number of items in brackets (e.g. Interactions (3)). In this case, hovering the chicklet will show a tooltip with the full list of items,
a closing icon (x, showing on hover), allowing the user to clear the filter.
...