UI MarCom 3
3.2.4
Latest 3.2.x 3.1.x 2.4.x 2.3.x 2.2.x
UI MarCom
Getting Started
About UI MarCom Develop Design
Fundamentals
Overview Colors Elevation Icons Image Aspect Ratios Interaction Responsive Behavior Spacing States Typography
Components
Component status Overview Accordion Alerts Application Bar Aspect Ratio Back to top Breadcrumbs Button Card Slider Cards Carousel Checkboxes Collection Country and Language Selector Date-Time-Picker Disclaimer Dropdown Eyecatcher Feedback Module Figure Footer Header Hero Block Hotspots Label Links Lists Loading Animation Log In Dialog Logo Media Object Menu Modal Dialog Multi-column Navigation bar Overlay Pagination Progress Quotation Radio Buttons Search Field Search Results Select Box Stage Steps Bar Table Tabs Tags Textfield Toggle Button Group Toggle Switch Tooltip User Identifier Value Slider
Updates
Component Library Changelog Design Files Changelog
Help
Contact us

Tags Stable Dark theme

Tags are interactive meta keywords to categorize, organize, and filter content.

Usage Code

General guidance

Tags make selecting and finding specific content easier in libraries and databases when taggable data is defined. The User can interact with tags by adding and removing them for filtering a set of data or defining keywords for a new listing.

Description
Description
Description

Dos and don’ts

  • Do not use long keywords. Keep them short.
  • Do use tags when the user needs the ability to interact with these meta keywords. If not, use Labels.