From a3fbc8c5c9c0eebf415a0b00e1c0b5bad5173bb4 Mon Sep 17 00:00:00 2001 From: Cristi Jora Date: Mon, 17 Apr 2017 15:29:53 +0300 Subject: [PATCH 1/3] Update README.md --- README.md | 19 ++++++++++++++++--- 1 file changed, 16 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index daaa880..6ce4837 100644 --- a/README.md +++ b/README.md @@ -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: { From 61be21fd882f55b154919a6aca248c0432f6f86a Mon Sep 17 00:00:00 2001 From: Cristi Jora Date: Mon, 17 Apr 2017 15:30:49 +0300 Subject: [PATCH 2/3] Update README.md --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 6ce4837..d4e4276 100644 --- a/README.md +++ b/README.md @@ -9,10 +9,10 @@ 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 +* [Step index](https://jsfiddle.net/CristiJ/bt5dhqtf/79/) Start at any step. 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/) +* [Customized buttons with slots](https://jsfiddle.net/CristiJ/bt5dhqtf/76/) Replace stuff you don't like # Usage ```html From 4b16f5cc877f70e5c73e28ed0e469cede63a1330 Mon Sep 17 00:00:00 2001 From: Cristi Jora Date: Mon, 17 Apr 2017 15:32:34 +0300 Subject: [PATCH 3/3] Update README.md --- README.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index d4e4276..d2fefca 100644 --- a/README.md +++ b/README.md @@ -4,8 +4,9 @@ A dynamic tab wizard to split your forms easier 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/59/) +# Demos +Basic [demo](https://jsfiddle.net/CristiJ/bt5dhqtf/80/) + Other demos: * [Squared steps](https://jsfiddle.net/CristiJ/bt5dhqtf/62/) * [Tabbed steps](https://jsfiddle.net/CristiJ/bt5dhqtf/63/) @@ -115,4 +116,3 @@ props: { * **prev** - Previous button content (no need to worry about handling the button functionality) * **next** - Next button content * **finish** - Finish button content -