组件
字段组 Fieldset
Fieldset:字段组。宋体衬线 legend 位于一列字段上方。部件:Root、Legend、HelperText、ErrorText。
#基础用法
<script setup lang="ts">
import { Field, Fieldset } from "@bysages/vue";
</script>
<template>
<Fieldset.Root>
<Fieldset.Legend>Contact details</Fieldset.Legend>
<Field.Root>
<Field.Label>Name</Field.Label>
<Field.Input placeholder="John Doe" />
</Field.Root>
<Field.Root>
<Field.Label>Email</Field.Label>
<Field.Input type="email" placeholder="[email protected]" />
</Field.Root>
</Fieldset.Root>
</template>
#属性
#ErrorText
纯造型的部件——自身没有属性,沿用部件结构的共享样式。
#HelperText
纯造型的部件——自身没有属性,沿用部件结构的共享样式。
#Legend
纯造型的部件——自身没有属性,沿用部件结构的共享样式。
#Root
| 属性 | 类型 | 默认值 | 描述 |
|---|---|---|---|
disabled | boolean | 'true' | 'false' | 是否禁用字段集 | |
id | string | 字段集的 id | |
invalid | boolean | 字段集是否无效 |