Normally Palatable Mango

    vue-step-indicator

    0.1.2 • Public • Published

    vue-step-indicator

    NPM version NPM downloads CircleCI

    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

    Keywords

    none

    Install

    npm i vue-step-indicator

    DownloadsWeekly Downloads

    116

    Version

    0.1.2

    License

    MIT

    Unpacked Size

    8.42 kB

    Total Files

    10

    Last publish

    Collaborators

    • rem