s-stepper-vue

A beautiful stepper made with VueJS

Installation

Using yarn

yarn add s-stepper-vue

Using npm

npm i --save s-stepper-vue

Usage

ES6 Modules / CommonJS

import {SStepper} from 's-stepper-vue';
Vue.component('S-stepper', SStepper);

<SStepper v-model="step" steps="steps" />

export default {
  data(){
    return{
        steps: [
            {title: 'step one'},
            {title: 'step tow'},
            {title: 'step three'}
        ],
        step: 1
    }
  }
}

Props API

| Props | Type | Required | Default | |----------------------|--------------------|--------|----------| | v-model | Int | true | 1 | | steps | Array<object> | true | null | | color | String HEX | no | #E30A17 | | height | int | no | 15 | | backgroundColor | String HEX | no | #F8F8F8 |

(1) Ex : 1,2 .. it is step number

(2) Ex :

steps: [
    {title: 'step one'},
    {title: 'step tow'},
    {title: 'step three'}
]

title is required.

Contribution

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

License

This project is licensed under MIT License

@Vuango Simply Learn