StepperProps

Represents the props of the KendoReact Stepper component.

Name	Type	Default	Description
animationDuration?	number | boolean		Sets the duration of the Stepper animation. Defaults to 400ms.
children?	any		Represents the children that are passed to the Stepper.
className?	string		Specifies a list of CSS classes that will be added to the Stepper.
dir?	string		Represents the dir HTML attribute. This is used to switch from LTR to RTL.
disabled?	boolean		Disables the whole Stepper.
errorIcon?	string		Specifies a custom icon that will be rendered inside the step for invalid steps.
errorSVGIcon?	SVGIcon		Specifies a custom SVG icon that will be rendered inside the step for invalid steps.
item?	React.ComponentType<StepProps>		Overrides the default component responsible for visualizing a single item (see example). The default Component is: Step.
items	StepProps[]		The collection of steps that will be rendered in the Stepper (see example).
linear?	boolean		Specifies the linear flow of the Stepper. (see example).
mode?	"steps" | "labels"		Specifies the display mode of the Stepper (see example). The possible values are: (Default) steps. Render step indicator and optional label. labels. Render labels only.
onChange?	(event: StepperChangeEvent) => void		The event handler that will be fired when the value is changed.
onFocus?	(event: StepperFocusEvent) => void		The event handler that will be fired when a Step is focused.
orientation?	"vertical" | "horizontal"		Specifies the orientation of the Stepper (see example). The possible values are: (Default) horizontal vertical
selectOnFocus?	boolean		Applicable for scenarios when keyboard is used for navigation. Indicates whether the selection will change upon focus change or it will require additional action (Enter or Space key press) in order to select the focused step. Defaults to false.
style?	React.CSSProperties		Sets additional CSS styles to the Stepper.
successIcon?	string		Specifies a custom icon that will be rendered inside the step for valid steps.
successSVGIcon?	SVGIcon		Specifies a custom SVG icon that will be rendered inside the step for valid steps.
value	number		Specifies the index of the selected Step.