u

code/g3soft-libs/docs/examples/tooltip/placement.vue

@@ -0,0 +1,14 @@
+<script setup lang="ts">
+// placement：提示方位；贴边时自动翻转，不会被裁掉
+import { G3Button, G3Tooltip } from '@g3soft/ui'
+
+const placements = ['top', 'right', 'bottom', 'left'] as const
+</script>
+
+<template>
+  <div style="display: flex; gap: 16px; padding: 60px 20px; justify-content: center">
+    <G3Tooltip v-for="placement in placements" :key="placement" :placement="placement" :content="placement">
+      <G3Button type="outline">{{ placement }}</G3Button>
+    </G3Tooltip>
+  </div>
+</template>