@stacksjs/stepper
v0.64.6
Published
A modern stepper component.
Downloads
401
Maintainers
Readme
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.
🧪 Testing
bun test
📈 Changelog
Please see our releases page for more information on what has changed recently.
🚜 Contributing
Please review the Contributing Guide for details.
🏝 Community
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
🙏🏼 Credits
Many thanks to the following core technologies & people who have contributed to this package:
📄 License
The MIT License (MIT). Please see LICENSE for more information.
Made with 💙