vue-step

Mobile Step Navigation Component Based On Vue.js
19,400 23
Install
npm install vue-step
Latest Version:1.3.0
Vue:2
License:MIT
Last Updated:Sep 28, 2018
Links: GitHub  ·  npm
Maintainer: justli

vue-step

基于Vue.js的移动端步骤导航组件 Mobile Step Navigation Component Based On Vue.js

NPM

Installation

npm i vue-step -S

API

Param Description Type Default
now-step The current step, The starting value is 1. Number -
step-list Name of all steps Array -
active-color Active status color String '#1fb11d'
style-type You can set 'style1' or 'style2' String 'style1'
direction You can set 'horizontal' or 'vertical' String 'horizontal'
@selected Event issued when an item is selected / clicked Event -

Usage

# example
<template>
  <div id="app">
    <vue-step :now-step="nowStep" :step-list="stepList"></vue-step>
  </div>
</template>

<script>
import vueStep from 'vue-step'

export default {
  name: 'app',
  data () {
    return {
      nowStep: 2,
      stepList: [
        'First Step',
        'Second Step',
        'Third Step',
        'Four Step'
      ]
    }
  },
  components: {
    vueStep
  }
}
</script>

Demo Screenshot

Demo Screenshot

License

MIT

Related Packages

webcake-ui-kit

UI Kit for Vue 2 && 3 - Pure Options API

19,775 8
yn-components

Advanced and highly reusable Mobile UI Components built on Vue2 & You can define...

3,128 6
vue-login-test

Componete vue kt

708
tinymce-vue-2

A vue 2 component for TinyMCE

27,768 48
@zeit-ui/vue

A popular UI framework for Vue

4,030 704

Version History

Version Released Vue License
1.3.0 ^2.5.16 MIT
1.2.3 ^2.5.16 MIT
1.2.2 ^2.5.16 MIT
1.2.1 ^2.5.16 MIT
1.2.0 ^2.5.16 MIT