IBS: _ibs UI Theme

1 files changed, 32 insertions, 0 deletions

diff --git a/src/components/_ibs/Global/PageTitle.vue b/src/components/_ibs/Global/PageTitle.vue
new file mode 100644
index 00000000..45c75edb
--- /dev/null
+++ b/src/components/_ibs/Global/PageTitle.vue
@@ -0,0 +1,32 @@
+<template>
+  <div class="page-title">
+    <h1>{{ title }}</h1>
+    <p v-if="description">{{ description }}</p>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'PageTitle',
+  props: {
+    description: {
+      type: String,
+      default: '',
+    },
+  },
+  data() {
+    return {
+      title: this.$route.meta.title,
+    };
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.page-title {
+  margin-bottom: $spacer * 2;
+}
+p {
+  max-width: 72ch;
+}
+</style>