Skip to content

Stepper ​

Overview ​

Root stepper component built on Reka UI's StepperRoot.

Theme entry: Stepper

Props ​

NameTypeRequiredDefaultDescription
themeOverrideObjectnullA partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants.
classimport('vue').HTMLAttributes['class']undefinedAdditional CSS classes to apply to the root element.
modelValuenumberundefinedThe controlled active step value.
defaultValuenumberundefinedThe default active step value.
orientationstringundefinedThe orientation of the stepper.
dirstringundefinedThe reading direction.
linearbooleanundefinedThe linear mode setting.
asstring|objectundefinedThe element or component to render as.
asChildbooleanfalseWhen true, merges props onto the child element instead of rendering a wrapper.

Slots ​

default ​

Scoped slot.

Events ​

NameDescription
update:modelValueEmitted when the value changes.

Full event reference

Source ​

client/lib/shell/stepper/Stepper.vue