The Text component provides consistent typography throughout your UI, with support for variants, color tokens, alignment, and spacing. It is typically used for body content, labels, descriptions, and captions.
Use variant to apply a named combination of type, weight, and size.
You can override the default font-family that comes with the variant with the family prop.
You can override the default font-weight inside a variant with the weight prop.
Text color can be set using onBackground or onSolid.
Control text visibility with the opacity prop, accepting values from 0 to 100.
Set horizontal alignment with the align prop.
Control how the text wraps using the wrap prop.
Use margin and padding props to control layout spacing.
Control the rendered tag using the as prop.
