Typography

AceUI provides various text utility classes for typography.

Headings

You can either use semantic HTML heading tags or class 'h1', 'h2', 'h3', 'h4', 'h5' and 'h6' for headings.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Text Weight

AceUI has font weights classes as, 'text-light' for font weight 300, 'text-regular' for font weight 400,'text-semibold' for font weight 500,'text-bold' for font weight 700 & 'text-bolder' for font weight 900.

text-light
text-regular
text-semibold
text-bold
text-bolder

Text Size

Use class 'text-xl', 'text-lg', 'text-md', 'text-sm' and 'text-xs' for xtra large, large, medium, small and extra small text.

Xtra Large Text
Large Text
Medium Text
Small Text
Xtra Small Text

Text decoration & alignment

Use class 'text-strike-through', 'text-underline', 'text-gray' for Strikethrough, underlined & gray text. Use class 'text-right', 'text-left' and 'text-center' for right, left and center aligned text respectively.

Strikethrough Text
Underlined Text
Gray Text
Centered Text
Right aligned Text
Left aligned Text