StepContextValues

type StepContextValues = {
  color: ThemeColor;
  dividerColor: ThemeColor;
  icon?: StepIcon;
  iconColor: ThemeColor;
  isActiveStep: boolean;
  label: ReactNode;
  orientation: "vertical" | "horizontal";
  showDivider: boolean;
};

Properties

Property	Type	Description
color	ThemeColor	Step circle color
dividerColor	ThemeColor	Step divider color
icon?	StepIcon	Step icon
iconColor	ThemeColor	Step icon color
isActiveStep	boolean	Step is active step
label	ReactNode	Label to display next to/below step circle
orientation	"vertical" | "horizontal"	Orientation provided from Stepper parent.
showDivider	boolean	False when step is last, otherwise true.