From 9a0d2d2e71a3d7676fdd786790795e81e1f02358 Mon Sep 17 00:00:00 2001
From: Jeff <jeff.sagal@briteweb.com>
Date: Sat, 13 Jan 2018 00:39:40 -0800
Subject: [PATCH] - add dev example - expand slot props to include `multiple`,
 `disabled`

---
 dev.html                  | 13 +++++++++++++
 src/components/Select.vue |  2 +-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/dev.html b/dev.html
index 829a8da..1a39950 100644
--- a/dev.html
+++ b/dev.html
@@ -46,6 +46,19 @@
                 {{option.label}} ({{option.value}})
             </template>
         </v-select>
+        <v-select multiple placeholder="custom label template" :options="options">
+            <span
+                    slot="selected-option-container"
+                    slot-scope="props"
+                    class="selected-tag"
+            >
+                {{ props.option.label }} ({{ props.option.value }})
+              <button v-if="props.multiple" @click="props.deselect(props.option)" type="button" class="close" aria-label="Remove option">
+                <span aria-hidden="true">&times;</span>
+              </button>
+            </span>
+        </v-select>
+
         <v-select placeholder="disabled" disabled  value="disabled"></v-select>
         <v-select placeholder="disabled multiple" disabled multiple  :value="['disabled', 'multiple']"></v-select>
         <v-select placeholder="filterable=false, @search=searchPeople" label="first_name" :filterable="false" @search="searchPeople" :options="people"></v-select>
diff --git a/src/components/Select.vue b/src/components/Select.vue
index d64a2d6..e1fc9c9 100644
--- a/src/components/Select.vue
+++ b/src/components/Select.vue
@@ -313,7 +313,7 @@
     <div ref="toggle" @mousedown.prevent="toggleDropdown" :class="['dropdown-toggle', 'clearfix']">
 
       <slot v-for="option in valueAsArray" name="selected-option-container"
-            :option="option" :deselect="deselect">
+            :option="option" :deselect="deselect" :multiple="multiple" :disabled="disabled">
         <span class="selected-tag" v-bind:key="option.index">
           <slot name="selected-option" v-bind="option">
             {{ getOptionLabel(option) }}