Tags
Tags allow users to select items from different categories.
External resources
Fully implemented in LOGEX Framework.
Anatomy
- Tag
- Number of selected items indicator
- More tags indicator
- Add tag (shown on hover only)
Behaviour
Clicking on a tag opens a combobox.
Clicking on a plus button opens a dropdown that allows adding a new tag.
While hovering, the close button appears. When clicked on, the tag is removed.
Clicking on the more button opens a dialog with all tags. This dialog is closed when clicked elsewhere.
Usage
Use the tags in places where space is limited, for example in a table row for inline filters.
