Typography
Text Transform
Utilities for controlling the transformation of text.
Basic usage
Transforming text
The uppercase and lowercase will uppercase and lowercase text respectively, whereas capitalize utility will convert text to title-case. The normal-case utility can be used to preserve the original casing — typically to reset capitalization at different breakpoints.
normal-case
The quick brown fox jumps over the lazy dog.
uppercase
The quick brown fox jumps over the lazy dog.
lowercase
The quick brown fox jumps over the lazy dog.
capitalize
The quick brown fox jumps over the lazy dog.
<p className="**normal-case** ...">The quick brown fox ...</p>
<p className="**uppercase** ...">The quick brown fox ...</p>
<p className="**lowercase** ...">The quick brown fox ...</p>
<p className="**capitalize** ...">The quick brown fox ...</p>