Yamada UIにスターをあげる

スター
Yamada UIYamada UIv1.7.2

Stepper

Stepperは、複数のステップのプロセスの進行状況を表示するコンポーネントです。

ソース@yamada-ui/stepper

Props

StepProps

StepDescriptionProps

StepSeparatorProps

StepIconProps

size

非推奨

説明

The CSS font-size property.

非推奨

Use fontSize instead.

タイプ

UIValue<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | ... 17 more ... | "xs">

StepNumberProps

StepStatusProps

active

タイプ

string | number | boolean | ((props: Omit<StepContext, "status">) => ReactNode) | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<...> | ReactPortal

complete

タイプ

string | number | boolean | ((props: Omit<StepContext, "status">) => ReactNode) | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<...> | ReactPortal

incomplete

タイプ

string | number | boolean | ((props: Omit<StepContext, "status">) => ReactNode) | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<...> | ReactPortal

StepTitleProps

StepperProps

index

必須

説明

The active step index.

タイプ

number

colorScheme

説明

The visual color appearance of the component.

タイプ

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

デフォルト

"primary"

orientation

説明

The orientation of the stepper.

タイプ

"horizontal" | "vertical"

デフォルト

'horizontal'

showLastSeparator

説明

Whether to show or not the last separator while in vertical orientation.

タイプ

boolean

デフォルト

false

size

説明

The size of the Stepper.

タイプ

"sm" | "md" | "lg"

デフォルト

"md"

steps

説明

If provided, generate step components based on steps.

タイプ

Steps

variant

説明

The variant of the Stepper.

タイプ

string

UseStepsProps

count

タイプ

number

index

タイプ

number

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

Paginationディスクロージャー