Add "arrow-icon" slot

iamstevendao · Jul 17, 2019 · 84ffa17 · 84ffa17
1 parent 81b874d
commit 84ffa17
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/vue-tel-input.vue b/src/vue-tel-input.vue
@@ -17,7 +17,13 @@
         <span
           v-if="enabledCountryCode"
           class="country-code">+{{ activeCountry.dialCode }}</span>
-        <span class="dropdown-arrow">{{ open ? "▲" : "▼" }}</span>
+        <slot
+          :open="open"
+          name="arrow-icon">
+          <span class="dropdown-arrow">
+            {{ open ? "▲" : "▼" }}
+          </span>
+        </slot>
       </span>
       <ul
         v-show="open"