amis/docs/renderers/Form/Group.md

Group

表单项集合中，默认都是一行一个，如果想要一行多个，请用 Group 包裹起来。

• type 请设置成 group
• controls 表单项集合。
• mode 展示默认，跟 Form 中的模式一样，选择： normal、horizontal或者inline。
• direction 可以配置水平展示还是垂直展示。对应的配置项分别是：vertical、horizontal
• horizontal 当为水平模式时，用来控制左右占比。
• horizontal.label 左边 label 的宽度占比。
• horizontal.right 右边控制器的宽度占比。
• horizontal.offset 当没有设置 label 时，右边控制器的偏移量。
• className CSS 类名。
• label Group 也可以配置个 label 来展示标题。

{
  "type": "form",
  "name": "sample2",
  "controls": [
    {
      "type": "text",
      "name": "test",
      "label": "Label",
      "placeholder": "Placeholder"
    },

    {
      "type": "divider"
    },

    {
      "type": "group",
      "controls": [
        {
          "type": "text",
          "name": "test1",
          "label": "Label",
          "placeholder": "Placeholder"
        },

        {
          "type": "text",
          "name": "test2",
          "label": "Label",
          "placeholder": "Placeholder"
        }
      ]
    }
  ]
}