diff --git a/client/src/components/display/Heading.vue b/client/src/components/display/Heading.vue
new file mode 100644
index 0000000..6cd33e9
--- /dev/null
+++ b/client/src/components/display/Heading.vue
@@ -0,0 +1,15 @@
+
+
+ {{ caption }}
+
\ No newline at end of file
diff --git a/client/src/main.ts b/client/src/main.ts
index 0ecfb97..55186bb 100644
--- a/client/src/main.ts
+++ b/client/src/main.ts
@@ -14,6 +14,7 @@ import MultilineTextBox from './components/inputs/MultilineTextBox.vue';
import CheckBox from './components/inputs/CheckBox.vue';
import SingleSelect from './components/inputs/SingleSelect.vue';
import MultiSelect from './components/inputs/MultiSelect.vue';
+import Heading from './components/display/Heading.vue';
import { Form, Field, ErrorMessage } from 'vee-validate';
@@ -47,6 +48,7 @@ app.component('ErrorMessage', ErrorMessage);
app.component('SingleSelect', SingleSelect);
app.component('MultiSelect', MultiSelect);
app.component('EnumInput', EnumInput);
+app.component('Heading', Heading);
app.mount('#app');
diff --git a/client/src/pages/test.vue b/client/src/pages/test.vue
index ceef4a9..15f8f45 100644
--- a/client/src/pages/test.vue
+++ b/client/src/pages/test.vue
@@ -25,6 +25,7 @@ function genSP(indexIsChar: boolean): SearchProvider {