diff --git a/client/src/components/display/EnumTypeDisplay.vue b/client/src/components/display/EnumTypeDisplay.vue
new file mode 100644
index 0000000..659e6b3
--- /dev/null
+++ b/client/src/components/display/EnumTypeDisplay.vue
@@ -0,0 +1,12 @@
+<script setup lang="ts">
+import { variantOf } from '~/util';
+
+const props = withDefaults(defineProps<{
+  data: object | string,
+}>(), {
+  data: '',
+});
+</script>
+<template>
+  {{ variantOf(props.data) }}
+</template>