Leave Yamada UI a star
StarStepper is a component that displays the progress of a multi-step process.
Description
The CSS font-size property.
Deprecated
Use fontSize instead.
Type
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">Type
string | number | boolean | ((props: Omit<StepContext, "status">) => ReactNode) | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<...> | ReactPortalType
string | number | boolean | ((props: Omit<StepContext, "status">) => ReactNode) | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<...> | ReactPortalType
string | number | boolean | ((props: Omit<StepContext, "status">) => ReactNode) | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<...> | ReactPortalDescription
The active step index.
Type
numberDescription
The visual color appearance of the component.
Type
"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"Default
"primary"Description
The orientation of the stepper.
Type
"horizontal" | "vertical"Default
'horizontal'Description
Whether to show or not the last separator while in vertical orientation.
Type
booleanDefault
falseDescription
The size of the Stepper.
Type
"sm" | "md" | "lg"Default
"md"Description
If provided, generate step components based on steps.
Type
StepsDescription
The variant of the Stepper.
Type
stringType
numberType
numberEdit this page on GitHub