feat: add named slot to allow icons to be added to the right of the i…

…nput
iamstevendao · Apr 2, 2021 · 7fbd8ca · 7fbd8ca
1 parent d3d999c
commit 7fbd8ca
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/docs/documentation/slots.md b/docs/documentation/slots.md
@@ -2,3 +2,6 @@
 
 ### arrow-icon
 Replace the arrow next to the flag with a component of your choice
+
+### icon-right
+Add an icon to the right of the input, using another Vue component or an HTML element (e.g. for validation purposes)
diff --git a/src/components/vue-tel-input.vue b/src/components/vue-tel-input.vue
@@ -55,6 +55,7 @@
       @keyup.enter="onEnter"
       @keyup.space="onSpace"
     />
+    <slot name="icon-right" />
   </div>
 </template>