Add docs to props which need additional details

src/App.vue

@@ -2,7 +2,6 @@
   <div class="col-xs-8 col-xs-offset-2">
     <tab-wizard @on-complete="onComplete"
                 class="card"
-                :startIndex="2"
                 color="#27ae60">
       <tab-content title="Personal details"
                    icon="ti-user">

src/components/TabContent.vue

@@ -12,10 +12,18 @@
         type: String,
         default: ''
       },
+      /***
+       * Icon name for the upper circle corresponding to the tab
+       * Supports themify icons only for now.
+       */
       icon: {
         type: String,
         default: ''
       },
+      /***
+       * Function to execute before tab switch. Return value must be boolean
+       * If the return result is false, tab switch is restricted
+       */
       beforeChange: {
         type: Function
       }

src/components/TabWizard.vue

@@ -40,7 +40,7 @@
       <template>
         <span @click="prevTab" v-if="displayPrevButton">
           <slot name="prev">
-            <button  type="button" class="btn btn-default btn-wd">
+            <button type="button" class="btn btn-default btn-wd">
               {{backButtonText}}
             </button>
           </slot>
@@ -94,14 +94,24 @@
         type: String,
         default: 'Finish'
       },
+      /***
+       * Applies to text, border and circle
+       */
       color: {
         type: String,
         default: '#e74c3c'
       },
+      /**
+       * Name of the transition when transition between steps
+       * */
       transition: {
         type: String,
         default: ''
       },
+      /***
+       *
+       * Index of the initial tab to display
+       */
       startIndex: {
         type: Number,
         default: 0