Text

Text is the used to render text and paragraphs within an interface.

    Source@chakra-ui/layout

Props#

Text composes the Box component, so you can pass all Box style props.

align

Description

The CSS `text-align` property

Type
SystemProps["textAlign"]

casing

Description

The CSS `text-transform` property

Type
SystemProps["textTransform"]

colorScheme

Description

Color Schemes for Text are not implemented in the default theme. You can extend the theme to implement them.

Type
(string & {})

decoration

Description

The CSS `text-decoration` property

Type
SystemProps["textDecoration"]

orientation

Type
"horizontal" | "vertical"

size

Description

Sizes for Text are not implemented in the default theme. You can extend the theme to implement them.

Type
string

styleConfig

Type
Dict<any>

variant

Description

Variants for Text are not implemented in the default theme. You can extend the theme to implement them.

Type
string
Edit this page on GitHub

Proudly made inNigeria by Segun Adebayo

Deployed by Vercel