diff --git a/webapp/src/components/TopicSelector.vue b/webapp/src/components/TopicSelector.vue
new file mode 100644
index 0000000..f8b07f9
--- /dev/null
+++ b/webapp/src/components/TopicSelector.vue
@@ -0,0 +1,8 @@
+<template>
+  <v-card>
+    <v-card-item>
+      <v-select label="Channel" v-model="hierarchy" :items="hierarchyList" v-if="hierarchyList.length"
+        hint="Topic hierarchy for ingestion of data" persistent-hint></v-select>
+    </v-card-item>
+  </v-card>
+</template>