Skip to content

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纵向排列容器

Apache-2.0 协议开源