...
Type | Usage | Image |
Browsable list | Users may not know what the options are, and need to browse the entire list of available tags. Users may not know the exact terminology used for the tag labels. For small-to-medium size tagsets. | |
Auto-complete | Users know what they are looking for, and do not need to browse the entire list of available tags. Users are likely to know the exact labels for the tags they’re looking for. For large tagsets. |
...
State | Browsable list tag field | Auto-complete tag field | Applied tag pill | |
Regular | List items: follow Multi-select Checkbox List | Follow Text Field ? And List. | ||
Regular | ||||
Hover | On hover over Close icon button: | |||
Active | ||||
Disabled | ||||
Error | N/A? | |||
Warning | N/A? | |||
Focused |
Interaction
Browsable list
...