Add tag slot to taginput (buefy#2209)

service-paradis · Feb 9, 2020 · 4fdbf49 · 4fdbf49
1 parent 9574a47
commit 4fdbf49
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/docs/pages/components/taginput/api/taginput.js b/docs/pages/components/taginput/api/taginput.js
@@ -167,6 +167,11 @@ export default [
                 name: '<code>header</code>',
                 description: 'Show a custom header as first option',
                 props: '—'
+            },
+            {
+                name: '<code>tag</code>',
+                description: 'For customizing content in tag item.',
+                props: '<code>tag: String|Number|Object</code>'
             }
         ],
         events: [

diff --git a/src/components/taginput/Taginput.vue b/src/components/taginput/Taginput.vue
@@ -18,7 +18,9 @@
                 :closable="closable"
                 :title="ellipsis && getNormalizedTagText(tag)"
                 @close="removeTag(index)">
-                {{ getNormalizedTagText(tag) }}
+                <slot name="tag" :tag="tag">
+                    {{ getNormalizedTagText(tag) }}
+                </slot>
             </b-tag>
 
             <b-autocomplete