Files
workspace/code/g3soft-libs/docs/examples/checkbox/rich-label.vue
T
2026-10-08 22:38:34 +08:00

21 lines
605 B
Vue

<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>