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:
@@ -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: {
|
||||
|
||||
Reference in New Issue
Block a user