u

code/g3soft-libs/docs/examples/button/variant.vue

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+// 8 种视觉变体：按操作重要性选择，一屏通常只保留一个 primary
+import { G3Button, G3Space } from '@g3soft/ui'
+</script>
+
+<template>
+  <G3Space :size="[12, 12]" wrap>
+    <G3Button type="primary">主操作</G3Button>
+    <G3Button type="secondary">次要操作</G3Button>
+    <G3Button type="outline">描边</G3Button>
+    <G3Button type="ghost">低强调</G3Button>
+    <G3Button type="danger">删除</G3Button>
+    <G3Button type="danger-outline">危险（描边）</G3Button>
+    <G3Button type="link">链接按钮</G3Button>
+  </G3Space>
+</template>