diff --git a/webapp/components/generic/SearchTag/SearchTag.vue b/webapp/components/generic/SearchTag/SearchTag.vue
new file mode 100644
index 000000000..d8cfc0b31
--- /dev/null
+++ b/webapp/components/generic/SearchTag/SearchTag.vue
@@ -0,0 +1,23 @@
+<template>
+  <ds-flex class="search-tag">
+    <ds-flex-item class="search-tag-label">
+      <ds-text>#{{ option.id }}</ds-text>
+    </ds-flex-item>
+  </ds-flex>
+</template>
+<script>
+ export default {
+     name: 'SearchTag',
+     props: {
+	 option: { type: Object, required: true },
+     },
+ }
+</script>
+<style lang="scss">
+ .search-tag {
+     width: 100%;
+ }
+ .search-tag-label {
+     color: $text-color-primary;
+ }
+</style>