Components
Accordion
Breadcrumbs
Bubble Menu
Button - Hero
Button - Icon
Button - Standard
Card
Form
Horizontal Rule
Input - Checkbox
Input - Combo
Input - Group
Input - Radio
Input - Select
Input - Text
Input - Textarea
Input - Toggle
List
Loading Spinner
Navigation
Screen
Section
Table
Tag
Text - Body
Text - Codeblock
Text - Heading
Text - Label
Text - Link
Tooltip
Well
Credits
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.