Steps

GITHUB

To create step highlighter in top of your forms use this component.


Code:

  
HTML
<fvSteps :value="value" :steps="steps" />
  
Javascript
export default { data () { return { steps: ['Stage One', 'Stage Two', 'Stage Three', 'And Stage Four'], value: 0 } } }

Examples:

1

Stage One

2

Stage Two

3

Stage Three

4

And Stage Four


Start

1/3

Middle

2/3

Final

3/3

1

A

2

B

3

C

4

D


1

A

2

B

3

C

4

D


1

A

2

B

3

C

4

D


1

A

2

B

3

C

4

D


1

A

2

B

3

C

4

D


API:

NameTypeDefaultDescription
value
Number
0
Working step index.
steps*
Array
---
List of steps.