-
Colors
Colors
-
Typography
Typography
-
Accordion
Components Accordion
-
Badge
Components Badge
-
Chart
Components Chart
-
Google Map
Components Google Map
-
Illustration
Components Illustration
-
Infinite Scroll
Components Infinite Scroll
-
Media Content
Components Media Content
-
Message
Components Message
-
Modal
Components Modal
-
Progress
Components Progress
-
Radial progress
Components Radial progress
-
Slide
Components Slide
-
Tooltip
Components Tooltip
-
Button
Components Buttons Button
-
Button Group
Components Buttons Button Group
-
Dropdown
Components Buttons Dropdown
-
Avatar Upload
Components Form Avatar Upload
-
Checkbox
Components Form Checkbox
-
Color Picker
Components Form Color Picker
-
Date Picker
Components Form Date Picker
-
File Upload
Components Form File Upload
-
Input Range
Components Form Input Range
-
Multi Days Time Picker
Components Form Multi Days Time Picker
-
Radio
Components Form Radio
-
Select
Components Form Select
-
Text Input
Components Form Text Input
-
Time Picker
Components Form Time Picker
-
Toggle Switch
Components Form Toggle Switch
-
Description List
Components Layout Description List
-
Section Heading
Components Layout Section Heading
-
Breadcrumb
Components Navigation Breadcrumb
-
Tabs
Components Navigation Tabs
-
Table
Components Table Table
-
Table Front
Components Table Table Front
-
Form
Examples Form
-
Google Map
Examples Google Map
-
Table
Examples Table
Colors
#4B5563
gray-600
Default color will be used for almost all texts, borders and secondary actions.
text-default-txt
Lorem ipsum dolor sit amet consectetur adipisicing elit.
text-default-txt-secondary
Lorem ipsum dolor sit amet consectetur adipisicing elit.
text-default-txt-informative
Lorem ipsum dolor sit amet consectetur adipisicing elit.
text-default-txt-hover
Lorem ipsum dolor sit amet consectetur adipisicing elit.
border-default-border
bg-default-bg
Lorem Ipsum
dolor sit amet consectetur adipisicing elit. Ullam, voluptate.
bg-default-bg-hover
Lorem Ipsum
dolor sit amet consectetur adipisicing elit. Ullam, voluptate.
bg-default-bg-disabled
Lorem Ipsum
dolor sit amet consectetur adipisicing elit. Ullam, voluptate.
bg-white
Normal
bg-default-btn-hover
Hover
ring-default-btn-focus
Focus
bg-default-btn-disabled
Disabled