diff --git a/client/src/components/display/ElementDisplay.vue b/client/src/components/display/ElementDisplay.vue
new file mode 100644
index 0000000..30e9a76
--- /dev/null
+++ b/client/src/components/display/ElementDisplay.vue
@@ -0,0 +1,19 @@
+<script setup lang="ts">
+const props = withDefaults(defineProps<{
+  data: any,
+  component?: string,
+  componentProp?: '',
+}>(), {
+  data: '',
+  component: '',
+  componentProp: '',
+});
+</script>
+<template>
+  <div v-if="data" class="pillbar">
+    <div class="pill">
+      <component v-bind="{[props.componentProp]: props.data}" :is="props.component" v-if="props.component !== ''"/>
+      <template v-else>{{ props.data }}</template>
+    </div>
+  </div>
+</template>