Component Library
Version 1.2
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.
Navigation
Form
Input
Input / Text / Icon-Right
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Input / Text / Icon-Left
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Text Area
Select
Switch
Range Slider
Data-display
Accordion
Accordion
- This is an accordion itemThis 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 itemThis 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 itemThis 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
Avatar / Label / Horizontal / Large
RedTag
Secondary Label
Avatar / Label / Horizontal / Medium
RedTag
Secondary Label
Avatar / Label / Vertical / Large
RedTag
Secondary Label
Avatar / Label / Vertical / Medium
RedTag
Secondary Label
Badge
Card
Card / Basic
Card Title
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
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
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
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.
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
Tooltip
Tooltip
Tooltip Trigger
This is tooltip content. Seamlessly formulate magnetic methodologies with go forward deliverables.
Notifications
Modal
Modal
Open Modal
This is a modal title