Optional
customFont size custom definition
Example:
<Text customFontSize="24px" />
Optional
fontFont-family (require font configuration)
Example:
<fontFamily="default" />
Optional
fontFont size definition by Design System
Example:
<Text fontSize="extra-small" />
Optional
fontChanges font style
Example:
<fontStyle="normal" />
Optional
fontChanges the font weight
Example:
<fontWeight="light" />
Optional
letterChanges the letter spacing of text tag
Example:
<letterSpacing="quark" />
Optional
lineControls how many lines for text-clamp
Optional
lineChanges the line height of the text
Example:
<lineHeight="small" />
Optional
overflowControls how word-breaks are handled.
Example:
<overflowWrap="normal" />
Optional
textSets the type of alignment of text. (Works only with block property)
Example:
<textAlign="center" />
Optional
textChanges text decoration
Example:
<textDecoration="none" />
Optional
textChanges indentation of first line.
Example:
<textIdent="quark" />
Optional
textChanges justify model of alignment
Example:
<textJustify="auto />
Optional
textChanges text overflow
Example:
<textOverflow="clip" />
Optional
textChanges the text render method
Example:
<textRendering="auto"/>
Optional
textChanges text transformation
Example:
<textTransform="none" />
Optional
whiteControls how white spaces (spaces, tabs, and line breaks) are handled.
Example:
<whiteSpaceValues="normal" />
Optional
wordChanges the spacing size between words
Example:
<wordSpacing="quark" />
Accepted values for text formatting.
See below for an example using some of the properties:
Example: