Design SystemComponents
Tag
Let users quickly identify promotions, statuses, or categories.
Anatomy
A tag is a compact pill composed of an optional leading icon and a short label. The detailed anatomy is documented in the Dr. Max Library (Figma).
Color
Primary redNeutralInformationSuccessWarningError
Size
SmallMediumLargeExtra large
Icons
A tag can carry a leading icon to visually support its meaning. Keep the icon aligned with the label — don't use an icon-only tag.