Text

Weight

font-hairline | font-thin | font-light | font-normal | font-medium | font-semibold | font-bold | font-extrabold | font-black

Sizes

Text-xs|text-sm|text-base|text-lg|text-2xl | text-3xl | text-4xl

.75rem | .875 | 1 | 1.125 | 1.25 | 1.5 | 1.875 | 2.25

Cls	Prop
.text-xl	font-size: 1.25rem;
.text-2xl //goes to 6	font-size: 1.5rem;
.text-gray-700	color: gray-700
.uppercase	text-transform: uppercase;

Color

text-gray-700 | text-white | text-red-500 | text-black

Other

No-wrap, prevents any overflow from happening in text

Cls	Prop
whitespace-nowrap	white-space: nowrap;
underline	text-decoration: underline;
select-none	user-select: none;