UI Kit

Typography

h1 Heading

h2 Heading

h3 Heading

h4 Heading

h5 Heading

h6 Heading

p1 - Ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod

p2 - Ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod

p3 - Ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod

Sample Paragraph Text

Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.

Sample Unordered List

Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.

• Omnis iste natus error sit voluptatem
  • Accusantium doloremque
• Laudantium totam rem aperiam

Sample Numbered List

Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.

1. Omnis iste natus error sit voluptatem
2. Accusantium doloremque
   1. Laudantium, totam rem aperiam

Definition List Title

Definition list title #1

Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.

Definition list title #2

Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.

Anchor Tag (aka. link)

This is an example of a link.

Strike

This tag shows strike-through text

Strong Tag

This tag shows bold text.

Blockquotes

Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt.

— DIEGO LOPEZON

Tables

Title	Title	Title
Title	Value	Value
Title	Value	Value
Title	Value	Value
Title	Value	Value

Title	Title	Title
Title	Value	Value
Title	Value	Value
Title	Value	Value
Title	Value	Value

Inputs

Focused

Normal

Disabled

Error

This field is required.

Error focused

This field is required.

Check and Radio Buttons

Buttons

Icons