Contents
Transform text in components with text capitalization classes.
| Class | Properties |
|---|---|
.text-lowercase | text-transform: lowercase; |
.text-uppercase | text-transform: uppercase; |
.text-capitalize | text-transform: capitalize; |
Basic usage
Transforming text
The text-uppercase and text-lowercase will uppercase and lowercase text respectively, whereas text-capitalize utility will convert text to title-case.
text-uppercase
The quick brown fox jumps over the lazy dog.
text-lowercase
The quick brown fox jumps over the lazy dog.
text-capitalize
The quick brown fox jumps over the lazy dog.
<p class="text-uppercase ...">...</p>
<p class="text-lowercase ...">...</p>
<p class="text-capitalize ...">...</p>
Edit this page on Github
Last updated on April 6, 2024