Socket
Socket
Sign inDemoInstall

vue3-steppy

Package Overview
Dependencies
Maintainers
0
Versions
19
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vue3-steppy

A customizable Vue 3 Stepper plugin


Version published
Weekly downloads
179
decreased by-32.96%
Maintainers
0
Weekly downloads
 
Created
Source

Steppy

A customizable Stepper component for Vue 3

npm version

DemoKey FeaturesHow To UseDependenciesLicense

Demo

You can try a live demo here

Key Features

  • Keep track of current step
  • Change step content
  • Configure finalization
  • Show loading spinner
  • Typescript support
  • Customizable
    • Colors
    • Titles
    • Icons
    • Button text
    • Circle size

How To Use

Install

$ npm install vue3-steppy

Import

import {Steppy} from 'vue3-steppy'

For an implementation example, see the App.vue file in the repository.

Props

PropTypeDefaultDescription
stepNumber1The current step number.
tabsArray[]Array of step objects with titles and flags for validity and success icons.
finalizeFunction() => {}Function to call when the final step is completed.
backTextString"Back"Text displayed on the back button.
nextTextString"Next"Text displayed on the next button.
doneTextString"Done"Text displayed on the done button.
loadingBooleanfalseIndicates whether the final step is in a loading state.
primaryColor1String"orange"Primary color for the stepper's theme.
primaryColor2String"#fff"Secondary color for the stepper's theme.
backgroundColorString"#fff"Background color for the stepper.
circleSizeNumber68Size of the circles in the step indicators.

Dependencies

This software uses the following open source packages:

Dev Dependencies

License

MIT


GitHub Laximas  · 

Keywords

FAQs

Package last updated on 21 Jun 2024

Did you know?

Socket

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.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc