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
align
SystemProps["textAlign"]
casing
casing
The CSS `text-transform` property
SystemProps["textTransform"]
colorScheme
colorScheme
Color Schemes for Text
are not implemented in the default theme. You can extend the theme to implement them.
(string & {})
decoration
decoration
The CSS `text-decoration` property
SystemProps["textDecoration"]
orientation
orientation
"horizontal" | "vertical"
size
size
Sizes for Text
are not implemented in the default theme. You can extend the theme to implement them.
string
styleConfig
styleConfig
Dict<any>
variant
variant
Variants for Text
are not implemented in the default theme. You can extend the theme to implement them.
string
Props#
Text
composes the Box component, so you can
pass all Box
style props.
align
align
The CSS `text-align` property
SystemProps["textAlign"]
casing
casing
The CSS `text-transform` property
SystemProps["textTransform"]
colorScheme
colorScheme
Color Schemes for Text
are not implemented in the default theme. You can extend the theme to implement them.
(string & {})
decoration
decoration
The CSS `text-decoration` property
SystemProps["textDecoration"]
orientation
orientation
"horizontal" | "vertical"
size
size
Sizes for Text
are not implemented in the default theme. You can extend the theme to implement them.
string
styleConfig
styleConfig
Dict<any>
variant
variant
Variants for Text
are not implemented in the default theme. You can extend the theme to implement them.
string