Headings
All HTML headings,
<h1> through
<h6>, are available.
VERA UI
Utilities
Documentation and examples for common text utilities to control alignment, weight, and more.
Alignments
Use classes .text-center ,
.text-left or
.text-right to center, left or right
align text.
Left Align
Center Align
Right Align
Font Sizes
Use classes
.fs-1,
.fs-2,
.fs-3 ,
.fs-4,
.fs-5 or
.fs-6 to change the font-size of
text.
Font Size 6
Font Size 5
Font Size 4
Font Size 3
Font Size 2
Font Size 1
Font Weight
Use classes
.fw-100,
.fw-300,
.fw-400
, .fw-700 or
.fw-900 to change the font-weight of
text ranging from 100 to 900.
Font weight 900
Font weight 700
Font weight 400
Font weight 300
Font weight 100
Extra styles
-
To add strike-through on text, use
text-strikeclass -
To add a line under a text, use
text-underlineclass -
To add different text colors, use one of the classes
primary-color,secondary-color,error-color,warning-colororsuccess-color.
This text is of Primary Color
This text is of Secondary Color
This text is of Error Color
This text is of Warning Color
This text is of Success Color
This text has a line going through it.
This text has a line underneath it.