u

code/g3soft-libs/docs/examples/segmented/vertical.vue

@@ -0,0 +1,19 @@
+<script setup lang="ts">
+// vertical：纵向排列，滑块上下移动（适合做侧边视图切换）
+import { ref } from 'vue'
+import { G3Segmented } from '@g3soft/ui'
+
+const value = ref('outline')
+</script>
+
+<template>
+  <G3Segmented
+    v-model="value"
+    vertical
+    :options="[
+      { label: '大纲', value: 'outline' },
+      { label: '属性', value: 'props' },
+      { label: '样式', value: 'style' },
+    ]"
+  />
+</template>