Просмотр исходного кода

feat(shared-component): cria custom tab component

ebagabee 3 недель назад
Родитель
Сommit
67b00967e1
1 измененных файлов с 19 добавлено и 0 удалено
  1. 19 0
      src/components/shared/CustomTabComponent.vue

+ 19 - 0
src/components/shared/CustomTabComponent.vue

@@ -0,0 +1,19 @@
+<template>
+  <div v-for="tab in tabs" :key="tab.name" class="row" style="height: 30px">
+    <div
+      class="col-2 bg-secondary flex items-center justify-center"
+      style="border-radius: 8px"
+    >
+      <div class="text-center">{{ tab.label }}</div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+const { tabs } = defineProps({
+  tabs: {
+    type: Array,
+    required: true,
+  },
+});
+</script>