Typography

Heading

Our Component library has all headings from h1 to h6

H1 - Heading

H2 - Heading

H3 - Heading

H4 - Heading

H5 - Heading

H6 - Heading

Copy the given code to create Headings

Paragraph text

For paragraph you can use p element. We have 5 different types of text.

P-Large paragraph example

P-Regular paragraph example

P-Medium paragraph example

P-Small paragraph example

P-Extra small paragraph example

Copy the given code to create Small Text

Text Align

The Text align property specifies the horizontal alignment of text in an element. We have different text alignments like text-start | text-center | text-end

This is text left example.

This is text center example.

This is text right example.

Copy the given code to Align Text

Extra Style

Here are some example of extra style

You can use the mark tag to highlight text.

This line of text is meant to be treated as no longer accurate.

Text with bold font weight

Text with regular font weight

Text with light font weight

Small size text

Text with primary-color

Text with secondary-color

Text with tertiary-color

Copy the given code to use extra styles