@stacksjs/stepper NPM

Stacks Stepper

The Stepper component is a versatile & customizable component for creating multi-step processes in your application. It allows users to navigate through a sequence of steps, providing a visual indicator of their progress. This is oftentimes used to build to welcome the user into your application.

☘️ Features

Customizable steps
Linear and non-linear stepper modes
Step validation
Configurable labels and icons
Callback events for step changes
Lightweight

🤖 Usage

bun install -d @stacksjs/stepper

// App.vue
import { Stepper } from '@stacksjs/stepper'

const steps = ref(5)
const step  = ref(1)

const stepper = ref(null)

<Stepper ref='stepper' :steps="steps" v-model='step' />


<template v-if="step === 1">
  <div> </div>
</template>

<template v-if="step === 2">
  <div> </div>
</template>

To view the full documentation, please visit stacksjs.org/docs/components/stepper.