FieldGroup 表单项分组
把若干 Field 表单项 纵向排开,项与项之间 28px。只管排版,没有语义; 需要一个有标题、能整组禁用的组时用 FieldSet 字段组。
基础用法
只管排版:若干表单项纵向排开,间距 28px。分隔用带文字的 pt-separator。
<pt-field-group>
<pt-field>
<span slot="label">姓名</span>
<pt-input></pt-input>
</pt-field>
<pt-separator>或</pt-separator>
<pt-field>
<span slot="label">工号</span>
<pt-input></pt-input>
</pt-field>
</pt-field-group>两组表单项之间要一条带文字的分隔线时,直接放 pt-separator(默认插槽里写文字),不另设组件。
API
插槽
| 名称 | 说明 |
|---|---|
(默认) | 表单项 |
可定制的内部元素(::part())
| part | 说明 |
|---|---|
base | 纵向排列容器 |