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.
- Customizable steps
- Linear and non-linear stepper modes
- Step validation
- Configurable labels and icons
- Callback events for step changes
- Lightweight
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.
bun testPlease see our releases page for more information on what has changed recently.
Please review the Contributing Guide for details.
For help, discussion about best practices, or any other conversation that would benefit from being searchable:
For casual chit-chat with others using this package:
Join the Stacks Discord Server
Many thanks to the following core technologies & people who have contributed to this package:
The MIT License (MIT). Please see LICENSE for more information.
Made with 💙