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.

Regular

Hover

Image Removed

Image Added

On hover over Close icon button:

Image Removed

Image Added

Active

Disabled

Error

N/A

Warning

N/A

N/A

Focused

Zeplin link

Image

https://zpl.io/lr8zk1z Image Removed

https://zpl.io/QMmrdqPImage Removed