Skip to content

vx-label 标签

提供多功能的标签组件,支持基本标签显示、工具提示、必填标记以及可折叠的内容展示。

API

Props

NameIntroductionTypeDefault Value
tooltip工具提示内容string-
tooltipLocation工具提示位置"top" "bottom" "left" "right" "start" "end""end"
toggleLabel是否启用可折叠标签booleanfalse
toggleIconSize折叠图标尺寸string"default"
tooltipIconColor工具提示图标颜色string-
labelFor标签关联的表单控件 IDstring-
icon工具提示图标string"mdi-information-outline"
iconSize图标尺寸string"small"
requiredSymbol是否显示必填标记booleanfalse

Slots

v-slot:default

默认内容区域插槽,显示标签文本

v-slot:prepend

标签前置内容插槽

v-slot:toggle-content

可折叠内容插槽(仅在 toggleLabel 为 true 时可用)

基本用法

关联表单控件

必填标记

基础工具提示

工具提示位置

格式化工具提示

自定义样式

混合内容

基础折叠

可排序折叠列表

表单展开面板

组合使用