Text

The Text system provides utility classes for controlling text alignment and truncation behavior. These classes help maintain consistent text formatting across your interface.

Text Alignment

Control text alignment using the alignment utility classes. Options include left, center, right, and justify alignment.

This text is left-aligned. This is the default alignment for most text content.

This text is center-aligned. Useful for headings and important content.

This text is right-aligned. Often used for numerical data or RTL languages.

This text is justified. Creates even text edges on both sides but effects readability. Useful for multi-column text layouts.

Text Alignment

<p class="text--left">Left-aligned text</p>
<p class="text--center">Center-aligned text</p>
<p class="text--right">Right-aligned text</p>
<p class="text--justify">Justified text</p>