From 7e8a4663f122a4e56ad51934b1a8426e2f23153c Mon Sep 17 00:00:00 2001
From: Cristi Jora <joracristi@gmail.com>
Date: Mon, 31 Jul 2017 22:46:14 +0300
Subject: [PATCH] Update README.md

---
 docs/README.md | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/docs/README.md b/docs/README.md
index 9c8a21a..5c70446 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -101,7 +101,6 @@ Other demos:
 * [Step index](https://jsfiddle.net/bt5dhqtf/100/) Start at any step. Note: start-index is zero-based and the count starts at 0
 * [Custom button and title text](https://jsfiddle.net/bt5dhqtf/101/)
 * [Custom title slot](https://jsfiddle.net/bt5dhqtf/102/)
-* [Customized buttons with slots](https://jsfiddle.net/bt5dhqtf/103/) Replace stuff you don't like
 * [Call a function before tab switch](https://jsfiddle.net/bt5dhqtf/105/)
 * [Complete form example](https://jsfiddle.net/CristiJ/bt5dhqtf/286/) integrated with [vue-form-generator](https://github.com/icebob/vue-form-generator)
 * [Element UI form integration](https://jsfiddle.net/bt5dhqtf/409/)
@@ -302,7 +301,7 @@ Other demos:
 </script>
 </script>
 
-## Replace buttons and title with Slots
+## Customize buttons with footer slot
 
 <vuep template="#customslots"></vuep>
 
@@ -325,9 +324,16 @@ Other demos:
        Yuhuuu! This seems pretty damn simple
      </tab-content>
      
-     <button slot="prev">Back</button>
-     <button slot="next">Next</button>
-     <button slot="finish">Finish</button>
+     <template slot="footer" scope="props">
+       <div class=wizard-footer-left>
+           <wizard-button  v-if="props.activeTabIndex > 0 && !props.isLastStep" :style="props.fillButtonStyle">Previous</wizard-button>
+        </div>
+        <div class="wizard-footer-right">
+          <wizard-button v-if="!props.isLastStep"@click.native="props.nextTab()" class="wizard-footer-right" :style="props.fillButtonStyle">Next</wizard-button>
+          
+          <wizard-button v-else @click.native="alert('Done')" class="wizard-footer-right finish-button" :style="props.fillButtonStyle">{{props.isLastStep ? 'Done' : 'Next'}}</wizard-button>
+        </div>
+      </template>
  </form-wizard>
  
 </template>