@stacksjs/stepper v0.68.1

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:

Discussions on GitHub

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:

• Collect.js
• Laravel
• Chris Breuer
• All Contributors

📄 License

The MIT License (MIT). Please see LICENSE for more information.

Made with 💙