Stepper

Overview

Root stepper component built on Reka UI's StepperRoot.

Theme entry: Stepper

Props

Name	Type	Required	Default	Description
themeOverride	String|Object|Array		null	A partial theme object merged with the component's default theme; accepts a class string, class array, or theme object.
class	import('vue').HTMLAttributes['class']		undefined	Additional CSS classes to apply to the root element.
modelValue	number		undefined	The controlled active step value.
defaultValue	number		undefined	The default active step value.
orientation	string		undefined	The orientation of the stepper.
dir	string		undefined	The reading direction.
linear	boolean		undefined	The linear mode setting.
as	string|object		undefined	The element or component to render as.
asChild	boolean		false	When true, merges props onto the child element instead of rendering a wrapper.

Slots

default

Scoped slot.

Events

Name	Description
update:modelValue	Emitted when the value changes.

Full event reference

Source

client/lib/shell/stepper/Stepper.vue