Yamada UIにスターをあげる

スター
Yamada UIYamada UIv1.5.1

Stat

Statは、数値やデータをボックス内に表示するために使用されます。

ソース@yamada-ui/stat

Props

StatProps

centerContent

説明

If true, container will center its children regardless of their width.

タイプ

boolean

デフォルト

false

colorScheme

説明

The visual color appearance of the component.

タイプ

"whiteAlpha" | "blackAlpha" | "gray" | "neutral" | "red" | "danger" | "rose" | "pink" | "flashy" | "orange" | "warning" | "amber" | "yellow" | "lime" | "green" | "success" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "primary" | "info" | "link" | "indigo" | "violet" | "secondary" | "purple" | "fuchsia"

helperMessage

説明

The stat helper message to use.

タイプ

type ONLY_FOR_FORMAT = | string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal

helperMessageProps

説明

Props for stat helper message component.

タイプ

StatHelperMessageProps

icon

説明

The stat icon to use.

タイプ

"increase" | "decrease"

iconProps

説明

Props for stat icon component.

タイプ

Omit<StatIconProps, "type">

label

説明

The stat label to use.

タイプ

type ONLY_FOR_FORMAT = | string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal

labelProps

説明

Props for stat label component.

タイプ

StatLabelProps

number

説明

The stat number to use.

タイプ

type ONLY_FOR_FORMAT = | string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal

numberProps

説明

Props for stat number component.

タイプ

StatNumberProps

size

説明

The size of the Stat.

タイプ

string

variant

説明

The variant of the Stat.

タイプ

string

StatLabelProps

StatNumberProps

StatHelperMessageProps

StatIconProps

size

非推奨

説明

The CSS font-size property.

非推奨

Use fontSize instead.

タイプ

UIValue<number | (string & {}) | "small" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "large" | "medium" | "x-large" | "x-small" | "xx-large" | "xx-small" | ... 16 more ... | "9xl">

GitHubでこのページを編集する

CardTable