The CSS `text-align` property
Text
Text is the used to render text and paragraphs within an interface.
Props#
Text composes the Box component, so you can
pass all Box style props.
align
alignDescription
Type
SystemProps["textAlign"]casing
casingDescription
The CSS `text-transform` property
Type
SystemProps["textTransform"]colorScheme
colorSchemeDescription
Color Schemes for Text are not implemented in the default theme. You can extend the theme to implement them.
Type
(string & {})decoration
decorationDescription
The CSS `text-decoration` property
Type
SystemProps["textDecoration"]orientation
orientationType
"horizontal" | "vertical"size
sizeDescription
Sizes for Text are not implemented in the default theme. You can extend the theme to implement them.
Type
stringstyleConfig
styleConfigType
Dict<any>variant
variantDescription
Variants for Text are not implemented in the default theme. You can extend the theme to implement them.
Type
stringProps#
Text composes the Box component, so you can
pass all Box style props.
align
alignDescription
The CSS `text-align` property
Type
SystemProps["textAlign"]casing
casingDescription
The CSS `text-transform` property
Type
SystemProps["textTransform"]colorScheme
colorSchemeDescription
Color Schemes for Text are not implemented in the default theme. You can extend the theme to implement them.
Type
(string & {})decoration
decorationDescription
The CSS `text-decoration` property
Type
SystemProps["textDecoration"]orientation
orientationType
"horizontal" | "vertical"size
sizeDescription
Sizes for Text are not implemented in the default theme. You can extend the theme to implement them.
Type
stringstyleConfig
styleConfigType
Dict<any>variant
variantDescription
Variants for Text are not implemented in the default theme. You can extend the theme to implement them.
Type
string