Stat
As the name implies, the Stat
component is used to display some statistics.
Import
import {
Stat,
StatLabel,
StatNumber,
StatHelpText,
StatArrow,
StatGroup,
} from "@chakra-ui/react";
Basic Usage
Stat with Indicator
Props
StatLabel
,StatHelpText
,StatNumber
composes Text component.StatArrow
composes Icon component.Stat
andStatGroup
composes Box component.
colorScheme
colorScheme
Description
Color Schemes for Stat
are not implemented in the default theme. You can extend the theme to implement them.
Type
string
size
size
Type
"md"
Default
"md"
variant
variant
Description
Variants for Stat
are not implemented in the default theme. You can extend the theme to implement them.
Type
string