grafic desijn is my pashion

frontend/vju_display/src/components/tabs/Tab.vue

@@ -0,0 +1,37 @@
+<script setup lang="ts">
+const props = defineProps({
+    selected: Boolean
+})
+</script>
+<template>
+  <div class="tab" :class="{selected: props.selected}">
+    <slot/>
+  </div>
+</template>
+
+<style scoped>
+.tab {
+    background-color: var(--color-brand-ul-medium-grey);
+    border: none;
+    font-weight: bold;
+}
+.tab:hover {
+  cursor: pointer;
+  
+}
+
+.tab.selected {
+    background-color: var(--color-brand-ul-red);
+}
+
+.vertical-tabs .tab {
+  width: 100%;
+  padding: 1rem;
+  text-align: right;
+}
+
+.vertical-tabs .tab:not(:last-child) {
+  margin-bottom: .3rem;
+}
+
+</style>