vue3-steppy
Advanced tools
Demo • Key Features • How To Use • Dependencies • License
You can try a live demo here
Install
$ npm install vue3-steppy
Import
import {Steppy} from 'vue3-steppy'
For an implementation example, see the App.vue file in the repository.
| Prop | Type | Default | Description |
|---|---|---|---|
step | Number | 1 | The current step number. |
tabs | Array | [] | Array of step objects with titles and flags for validity and success icons. |
finalize | Function | () => {} | Function to call when the final step is completed. |
backText | String | "Back" | Text displayed on the back button. |
nextText | String | "Next" | Text displayed on the next button. |
doneText | String | "Done" | Text displayed on the done button. |
loading | Boolean | false | Indicates whether the final step is in a loading state. |
primaryColor1 | String | "orange" | Primary color for the stepper's theme. |
primaryColor2 | String | "#fff" | Secondary color for the stepper's theme. |
backgroundColor | String | "#fff" | Background color for the stepper. |
circleSize | Number | 68 | Size of the circles in the step indicators. |
This software uses the following open source packages:
GitHub Laximas ·
FAQs
A customizable Vue 3 Stepper plugin
The npm package vue3-steppy receives a total of 64 weekly downloads. As such, vue3-steppy popularity was classified as not popular.
We found that vue3-steppy demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Socket is launching experimental protection for Chrome extensions, scanning for malware and risky permissions to prevent silent supply chain attacks.
Product
Add secure dependency scanning to Claude Desktop with Socket MCP, a one-click extension that keeps your coding conversations safe from malicious packages.
Product
Socket now supports Scala and Kotlin, bringing AI-powered threat detection to JVM projects with easy manifest generation and fast, accurate scans.