Types of Typography

I am H1 text(44px) with BOLD

I am H2 text(32px) with BOLD

I am H3 text(24px) with SEMIBOLD

I am H4 text(20px) with SEMIBOLD

I am H5 text(16px) with SEMIBOLD
I am H6 text(14px) with BOLD

I am p text(14px) with REGULAR

I am small(12px) text with REGULAR

Types of Button

Types of Checkbox

*Give every checkbox a different id without using space and underscore

Types of Radio

Toggle Buttons

Types of Dropdown or Menu

General Tags

1 Of 12

Favorite

Category

shareIcon
Share

Tooltip

shareIconHelper Text!

Types Subject Tag

physics

Enter correct subject Name

Math

Biology

Types of Alerts

shareIcon
Error : Error Message
errorIcon
shareIcon
Success : Success Message
successIcon
shareIcon
Notification : Notification Message
notifIcon

Input Fields




inputIcon
Alert
Error Comes here
help Comes here


Alert
Error Comes here


inputIcon
  • help Comes here
  • that too in
  • multiple lines


inputIcon


Success
Success Comes here
help Comes here

Paper with different elevation

paper with 0 elevation
paper with 1 elevation
paper with 2 elevation
paper with 3 elevation
paper with 4 elevation

Types of Drawer

Types of Popup

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Accordions Use

  • data1
  • data2
  • data3
0

Accordions Use

  • data1
  • data2
  • data3

Progress Use

Slider Use

0
Loading