Stepper

A horizontal row of unlabeled step indicators.

Step 0 of 0

<template>
  <Stepper :steps="7" :model-value="0" />
</template>

Props

Name	Type	Default
steps	number	—
modelValue	number	0

A vertical list of labeled steps, showing which are done, current, or upcoming.

Step 1 of 0

<template>
  <StepperVertical :items="[{ title: 'Account' }, { title: 'Shipping' }, { title: 'Payment' }]" :model-value="1" />
</template>

Name	Type	Default
items	{ title: string }[]	—
modelValue	number	0