Text

A collection of useful text utility options to style your content.

Style

Description

Default

This is the option for default font size.

Small

This is the option for small font size.

Large

This is the option for large font size.

Bold

This is the option for bold font size.

Muted

This is the option to mute your text.

Primary

This is the option for additional text information.

Success

This is the option to indicate success.

Warning

This is the option to indicate warning.

Danger

This is the option to indicate danger.

Contrast

This is the option to make the text readable on flat color areas or pictures. It's often white (disabled for this example).

Capitalize

This is the option to capitalize the text.

Lowercase

This is the option to make the text lowercase.

Uppercase

This is the option to make the text uppercase.

Aligment

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.

Left on small devices

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.

Right

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.

Center on small devices

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.

Justify

Wrapping

Truncate

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.

No wrap

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.

Options