Components
Buttons
Button variations
Button colors
Button raised
Button outline
Button sizes
Button socials
Links
Form Elements
Form control variations
Checkbox
Radio
Switch
Slider
Bootstrap Select
Single select
Multi select
Tabs
Accordion
Collapsible Group Item #1
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Collapsible Group Item #2
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Collapsible Group Item #3
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Fancy List
![](../../dist-../../dist-assets/images/logos/logo-8.png)
Full Stack Javascript Engineer.
Vertual Assistance
![](../../dist-../../dist-assets/images/logos/logo-4.png)
Front End Developer (React)
Pricing table
Complete CRM Service
100GB Disk Space
Upto 5 Users
Complete CRM Service
1000GB Disk Space
Upto 15 Users
Complete CRM Service
10TB Disk Space
Upto 100 Users
Cards
![Card image cap](../../dist-../../dist-assets/images/photo-wide-1.jpg)
Card title
Some quick example text to build on the card title and make up the bulk of the card's content.
Go somewhere![](../../dist-../../dist-assets/images/cities/city-2.jpg)
Progress
Pagination
Badge
PrimarySecondarySuccessDangerWarningInfoLightDarkBadge pill
PrimarySecondarySuccessDangerWarningInfoLightDarkAlerts
Nav bar
Modals
Popover
Tooltip
Carousel
Typography
Heading tags
Heading 1
Done Design System heading 1
Heading 2
Done Design System heading 2
Heading 3
Done Design System heading 3
Heading 4
Done Design System heading 4
Heading 5
Done Design System heading 5
Heading 6
Done Design System heading 6
Heading & Title
Heading
Done Design System Heading
Heading Title
Done Design System Heading Title
Display
Display 1
Done Design System Display 1
Display 2
Done Design System Display 2
Display 3
Done Design System Display 3
Display 4
Done Design System Display 4
Others
Paragraph
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Fugiat consequuntur labore cum magni nam iste, facere quas, ex quia temporibus quaerat quis eaque ea amet est maxime ab veritatis sit amet consectetur adipisicing elit. Fugiat consequuntur labore cum magni nam iste, facere quas, ex quia temporibus quaerat quis eaque ea amet est maxime ab veritatis fuga?
Text lead
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Fugiat consequuntur labore cum magni nam iste, facere quas, ex quia temporibus quaerat quis eaque ea amet est maxime ab veritatis fuga?
Small tag
Text muted
Done design system muted text
Text Primary
Done design system primary text
Text success
Done design system success text
Text Warning
Done design system warning text
Text Danger
Done design system danger text
Text light
Done design system light text
Text Dark
Done design system dark text
Blockquote
Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat distinctio possimus ducimus ex quos eaque nobis, doloribus ut quae? Facere sint consequatur eos soluta iusto excepturi laudantium deserunt cum fugiat.
Blockquote Primary
Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat distinctio possimus ducimus ex quos eaque nobis, doloribus ut quae? Facere sint consequatur eos soluta iusto excepturi laudantium deserunt cum fugiat.
Blockquote danger
Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat distinctio possimus ducimus ex quos eaque nobis, doloribus ut quae? Facere sint consequatur eos soluta iusto excepturi laudantium deserunt cum fugiat.