Text #
Text variants #
Alignments #
Text style #
Text component doesn't allow to change the size diectly, and instead offers to use textStyle prop for consistent styling.
body-sm /
body-md /
body-lg /
body-xl /
label-sm /
label-md /
label-lg /
title-sm /
title-md /
title-lg /
headline-sm /
headline-md /
headline-lg /
mono-sm /
mono-md /
mono-lg /
overline /
Example:
You can still change the size through styles, but this is discouraged:
Clamping #
You can specify whether to truncate the text on one line or multiple: