Text

Text

Color

.text-primary

.text-secondary

.text-tertiary

.text-error

<p class="text-primary">.text-primary</p>
<p class="text-secondary">.text-secondary</p>
<p class="text-tertiary">.text-tertiary</p>
<p class="text-error">.text-error</p>

Align

.text-align-left

.text-align-center

.text-align-right

<p class="text-align-left">.text-align-left</p>
<p class="text-align-center">.text-align-center</p>
<p class="text-align-right">.text-align-right</p>

Wrap

.text-wrap

.text-nowrap

<p class="text-wrap background-primary-container" style="width: 50px;">.text-wrap</p>
<p class="text-nowrap background-primary-container" style="width: 50px;">.text-nowrap</p>

Break Word

mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm

<p class="text-break-word">mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm</p>

Overflow

mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm

<p class="text-overflow-ellipsis">mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm</p>