u

code/g3soft-libs/docs/examples/checkbox/rich-label.vue

@@ -0,0 +1,20 @@
+<script setup lang="ts">
+// 默认插槽可以放富内容，整块区域都可点击
+import { ref } from 'vue'
+import { G3Checkbox } from '@g3soft/ui'
+
+const notify = ref(true)
+</script>
+
+<template>
+  <div style="max-width: 320px">
+    <G3Checkbox v-model="notify" style="align-items: flex-start">
+      <span style="display: block">
+        <strong>接收构建通知</strong>
+        <span style="display: block; color: #6b7280; font-size: 12px; font-weight: 400">
+          构建失败时通过邮件与站内信通知项目成员
+        </span>
+      </span>
+    </G3Checkbox>
+  </div>
+</template>