mirrors/vue-form-wizard
2
0
Fork 0
mirror of https://github.com/tenrok/vue-form-wizard.git synced 2026-06-23 09:20:32 +03:00
Code Activity

Update README.md

Browse Source
This commit is contained in:
Cristi Jora
2017-04-17 15:29:53 +03:00
committed by GitHub
parent 6b93aa433c
commit a3fbc8c5c9
1 changed files with 16 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
README.md
+16 -3
View File
@@ -1,12 +1,18 @@
# WIP vue-tab-wizard # WIP vue-tab-wizard
A dynamic tab wizard to split your forms easier 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 wasting time on details. Just forget about id's, external scripts and jQuery dependencies
# Demo # Demo
Refer to this [fiddle](https://jsfiddle.net/CristiJ/bt5dhqtf/40/) Refer to this [fiddle](https://jsfiddle.net/CristiJ/bt5dhqtf/59/)
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) 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 # Usage
```html ```html
@@ -55,6 +61,13 @@ props: {
default: '#e74c3c' //circle, border and text color 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 * name of the transition when transition between steps
*/ */
transition: { transition: {