TypographyVariantsinterface
{
size?: SizeVariant | undefined;
tint?: TintVariant | undefined;
font?: FontVariant | undefined;
case?: CaseVariant | undefined;
weight?: WeightVariant | undefined;
left?: boolean | undefined;
center?: boolean | undefined;
right?: boolean | undefined;
wrap?: boolean | undefined;
nowrap?: boolean | undefined;
}| Property | Type | |
|---|---|---|
.size | SizeVariant | Font size of the element. |
.tint | TintVariant | Set CSS text color: to one of the shades of the current tint ladder. |
.font | FontVariant | Font family of the element. |
.case | CaseVariant | Text case of the element. |
.weight | WeightVariant | Font weight of the element. |
.left | boolean | Align text to the start of the line (LTR: left). |
.center | boolean | Centre text horizontally. |
.right | boolean | Align text to the end of the line (LTR: right). |
.wrap | boolean | Enable wrapping. |
.nowrap | boolean | Disable wrapping. |
Typographic variant props — font-family, weight, case, size, tint, alignment, and wrap, applied via getTypographyClass()