Skip to content

AiFormGroupTitle 分组标题 ​

表单分组标题组件,渲染带蓝色装饰竖条的分组标题文字。纯展示组件,无事件、无插槽。

基本用法 ​

vue
<template>
  <AiFormGroupTitle label="基本信息" />
  <AiFormGroupTitle title="联系方式" style="margin-top: 16px" />
</template>

<script setup>
import { AiFormGroupTitle } from '@/components/ai-form'
</script>

Props ​

属性类型默认值说明
labelString''标题文本(优先)
titleString''标题文本(label 为空时的备选)
styleString | Object | Array—内联样式
classNameString | Object | Array—附加 CSS 类名

显示优先级:label || title || '分组标题'

视觉效果 ​

┃ 基本信息

左侧蓝色竖条 + 加粗文字,颜色跟随主题变量。