2
0
mirror of https://github.com/tenrok/vue-form-wizard.git synced 2026-06-09 13:12:24 +03:00

Update README.md

This commit is contained in:
Cristi Jora
2017-04-17 15:29:53 +03:00
committed by GitHub
parent 6b93aa433c
commit a3fbc8c5c9
+16 -3
View File
@@ -1,12 +1,18 @@
# WIP vue-tab-wizard
A dynamic tab wizard to split your forms easier
Vue-tab-wizard is a vue based component which simplifies tab wizard management and allows you to focus on the functional part of your app rather than
Vue-tab-wizard is a vue based component with **no external depenendcies** which simplifies tab wizard management and allows you to focus on the functional part of your app rather than
wasting time on details. Just forget about id's, external scripts and jQuery dependencies
# Demo
Refer to this [fiddle](https://jsfiddle.net/CristiJ/bt5dhqtf/40/)
Vue-tab-wizard is **bootstrap dependent** for now and won't work without the css from bootstrap (working on making it bootstrap free). Also vue-tab-wizard works with themify-icons only (WIP)
Refer to this [fiddle](https://jsfiddle.net/CristiJ/bt5dhqtf/59/)
Other demos:
* [Squared steps](https://jsfiddle.net/CristiJ/bt5dhqtf/62/)
* [Tabbed steps](https://jsfiddle.net/CristiJ/bt5dhqtf/63/)
* Start at any step [Step index](https://jsfiddle.net/CristiJ/bt5dhqtf/79/) .Note: start-index is zero-based and the count starts at 0
* [Custom button and title text](https://jsfiddle.net/CristiJ/bt5dhqtf/69/)
* [Custom title slot](https://jsfiddle.net/CristiJ/bt5dhqtf/74/)
* You can even replace stuff you don't like [Customized buttons with slots](https://jsfiddle.net/CristiJ/bt5dhqtf/76/)
# Usage
```html
@@ -55,6 +61,13 @@ props: {
default: '#e74c3c' //circle, border and text color
},
/**
* Can take one of the following values: 'circle|square|tab`
*/
shape: {
type: String,
default: 'circle'
},
/**
* name of the transition when transition between steps
*/
transition: {