Heading

Heading is used to render semantic HTML heading elements.

    Source@chakra-ui/layout

Props#

The Heading composes the Box component, so you can pass all Box props.

colorScheme

Description

The visual color appearance of the component

Type
"whiteAlpha" | "blackAlpha" | "gray" | "red" | "orange" | "yellow" | "green" | "teal" | "blue" | "cyan" | "purple" | "pink"

size

Description

The size of the Heading

Type
"4xl" | "3xl" | "2xl" | "xl" | "lg" | "md" | "sm" | "xs"
Default
xl

variant

Description

The variant of the Heading

Type
string
Edit this page on GitHub

Proudly made inNigeria by Segun Adebayo

Deployed by â–² Vercel