Tag
Last updated: 9/21/21
A short piece of interactive text.
Base
Use the base class pier-tag to create a Tag element.
Default Tag
HTML markup
Sizes
Use the modifier classes pier-tag--sm, pier-tag--md, or pier-tag--lg to change the size of the Tag.
Small TagMedium TagLarge Tag
HTML markup
Styles
Use the modifier class pier-tag--hero to change the theme of the Tag.
Default TagHero Tag
HTML markup
Disabled
Use the modifier class pier-tag--disabled to change the state of the Tag to disabled.
Disabled Tag
HTML markup
Pill
Use the modifier class pier-tag--pill to change the the style of the Tag to pilled.
Pill Tag
HTML markup
Static
Use the modifier class pier-tag--static to change the state of the Tag to static.
Static Tag
HTML markup
Dark
Use the modifier class pier-tag--dark to change the style of the Tag for dark UI themes.
Dark TagDark Hero Tag
HTML markup
© 2021 Gumgum, Inc.