u

code/g3soft-libs/docs/examples/tabs/basic.vue

@@ -0,0 +1,15 @@
+<script setup lang="ts">
+// 声明式：默认插槽里写 G3TabPane，tabKey 唯一标识，label 是标签文字
+import { ref } from 'vue'
+import { G3TabPane, G3Tabs } from '@g3soft/ui'
+
+const active = ref('basic')
+</script>
+
+<template>
+  <G3Tabs v-model="active">
+    <G3TabPane tab-key="basic" label="基本信息">基本信息面板内容</G3TabPane>
+    <G3TabPane tab-key="config" label="配置">配置面板内容</G3TabPane>
+    <G3TabPane tab-key="advanced" label="高级" disabled>禁用项不可切换</G3TabPane>
+  </G3Tabs>
+</template>