Typography

Documentation for Instant UI for Typography for heading, paragraph and many things.

Headings

For heading you can use the class name from .heading1 to .heading5

Heading 1

Heading 2

HTML CODE

Paragraph

For heading you can use the class name from .para1 to .para6

Paragraph 1

Paragraph 2

Paragraph 3

Paragraph 4

Paragraph 5

HTML CODE

Font color

For text in diffrent colors use the font-color class name followed by -variant .

White Text

Primary Text

Warning Text

Success Text

Danger Text

Dark Text

HTML CODE

Font Weight

For text in diffrent weight use the font-weight class name followed by -variant . Variants can be light , normal, bold or bolder

Light Font

Normal Font

Bold Font

Bolder Font

HTML CODE

Font Alignment

For text with diffrent alignment use the text-align class name followed by -variant . Variant can be center , left or right.

Center Alignment

Left Alignment

Right Alignment

HTML CODE

Font Decoration

For text with decoration use the text class name followed by -variant . Variant can be muted, underline or strike.

Muted Text

Striked Text

Underlined Text

HTML CODE