Vue-step-indicator NPM

vue-step-indicator

Simple step indicator for Vue.js

Install

yarn add vue-step-indicator

CDN: UNPKG | jsDelivr (available as window.StepIndicator)

Usage

👉👀 Check out the demo!

<template>
  <step-indicator :current="1" :total="3"></step-indicator>
</template>

<script>
import StepIndicator from 'vue-step-indicator'

export default {
  components: {
    StepIndicator
  }
}
</script>

<style src="vue-step-indicator/dist/vue-step-indicator.css"></style>

API

Props

Prop	Type	Default	Description
current	number	(Required)	Index of current step
total	number	(Required)	Total steps
currentColor	string	`'rgb(68, 0, 204)'`	Color of current step
defaultColor	string	`'rgb(130, 140, 153)'`	Default color of each step
handleClick	function		Triggered when an indicator is clicked

License

MIT © EGOIST

nano-assign

@infinitebrahmanuniverse/nolb-vue-st @everything-registry/sub-chunk-3093

0.1.2

6 years ago

0.1.1

6 years ago

0.1.0

6 years ago