Component Library
Version 1.6.1
General
Lists
List / Unordered List
- This is an unordered list item.
- This is an unordered list item.
- This is an unordered list item.
List / Ordered List
- This is an unordered list item.
- This is an unordered list item.
- This is an unordered list item.
List / Unstyled List
- This is an unstyled list item.
- This is an unstyled list item.
- This is an unstyled list item.
List / Icon List
- This is a list item with an icon
- This is a list item with an icon
- This is a list item with an icon
Navigation
Form
Text Area
Select
Switch
Range Slider
Search
Combo Box
Input / Combo Box
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Data-display
Accordion
Accordion
This is an accordion item
This is text inside of an accordion item. Lacus aliquam quis enim, eget et nunc lacus ac urna. Lectus non nec risus ut tellus. Varius enim mauris elementum at enim. Convallis id commodo nisl amet sed id sed.
This is an accordion item
This is text inside of an accordion item. Lacus aliquam quis enim, eget et nunc lacus ac urna. Lectus non nec risus ut tellus. Varius enim mauris elementum at enim. Convallis id commodo nisl amet sed id sed.
This is an accordion item
This is text inside of an accordion item. Lacus aliquam quis enim, eget et nunc lacus ac urna. Lectus non nec risus ut tellus. Varius enim mauris elementum at enim. Convallis id commodo nisl amet sed id sed.
This is an accordion item
This is text inside of an accordion item. Lacus aliquam quis enim, eget et nunc lacus ac urna. Lectus non nec risus ut tellus. Varius enim mauris elementum at enim. Convallis id commodo nisl amet sed id sed.
This is an accordion item
This is text inside of an accordion item. Lacus aliquam quis enim, eget et nunc lacus ac urna. Lectus non nec risus ut tellus. Varius enim mauris elementum at enim. Convallis id commodo nisl amet sed id sed.
This is an accordion item
This is text inside of an accordion item. Lacus aliquam quis enim, eget et nunc lacus ac urna. Lectus non nec risus ut tellus. Varius enim mauris elementum at enim. Convallis id commodo nisl amet sed id sed.
This is an accordion item
This is text inside of an accordion item. Lacus aliquam quis enim, eget et nunc lacus ac urna. Lectus non nec risus ut tellus. Varius enim mauris elementum at enim. Convallis id commodo nisl amet sed id sed.
This is an accordion item
This is text inside of an accordion item. Lacus aliquam quis enim, eget et nunc lacus ac urna. Lectus non nec risus ut tellus. Varius enim mauris elementum at enim. Convallis id commodo nisl amet sed id sed.
This is an accordion item
This is text inside of an accordion item. Lacus aliquam quis enim, eget et nunc lacus ac urna. Lectus non nec risus ut tellus. Varius enim mauris elementum at enim. Convallis id commodo nisl amet sed id sed.
This is an accordion item
This is text inside of an accordion item. Lacus aliquam quis enim, eget et nunc lacus ac urna. Lectus non nec risus ut tellus. Varius enim mauris elementum at enim. Convallis id commodo nisl amet sed id sed.
Avatar
Badge
Card
Card Title
Subhead Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor rhoncus dolor purus non enim.
Card Title
Subhead Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor rhoncus dolor purus non enim.
Card / Box
Card Title
Subhead Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor rhoncus dolor purus non enim.
Card Heading
Subhead Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor rhoncus dolor purus non enim.
Number Count
Pagination
Segmented Control
Segmented Control
Option 1
Option 2
Option 3
Option 4
Option 5
Table
Table
Table Header
Table Header
Table Header
Table Header
Table cell
Table cell
Table cell
Badge
Table cell
Table cell
Table cell
Badge
Table cell
Table cell
Table cell
Badge
Table cell
Table cell
Table cell
Badge
Table cell
Table cell
Table cell
Badge
Tabs
Tabs
This is the content of the Tab 1
This is the content of the Tab 2
This is the content of the Tab 3
This is the content of the Tab 4
This is the content of the Tab 1
This is the content of the Tab 2
This is the content of the Tab 3
This is the content of the Tab 4
Tooltip
Tooltip
Tooltip Trigger
This is tooltip content. Seamlessly formulate magnetic methodologies with go forward deliverables.
Tooltip Trigger
This is tooltip content. Seamlessly formulate magnetic methodologies with go forward deliverables.
Notifications
Alert
Alert / Success
This is a success alert banner title
Supporting text goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quis suspendisse sapien adipiscing imperdiet.
This is a success alert banner title
Supporting text goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quis suspendisse sapien adipiscing imperdiet.
Alert / Warning
This is a warning alert banner title
Supporting text goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quis suspendisse sapien adipiscing imperdiet.
This is a warning alert banner title
Supporting text goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quis suspendisse sapien adipiscing imperdiet.
Alert / Danger
This is a danger alert banner title
Supporting text goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quis suspendisse sapien adipiscing imperdiet.
This is a danger alert banner title
Supporting text goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quis suspendisse sapien adipiscing imperdiet.
Alert / Info
This is an info alert banner title
Supporting text goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quis suspendisse sapien adipiscing imperdiet.
This is an info alert banner title
Supporting text goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quis suspendisse sapien adipiscing imperdiet.
Modal
RedTag Bar
To Use: After placing in your project, make sure to change the utm_source on the link to reflect the current website. Colors used for RedTag bars are RedTag brand colors and are not linked to Global Swatches.
