amis2/docs/zh-CN/components/form/hbox.md

title	description	type	group	menuName	icon	order
HBox		0	null	HBox		25

表单内部也可以使用 HBox 布局，实现左右排列。更推荐 Group

基本用法

{
  "type": "form",
  "controls": [
    {
      "type": "hbox",
      "columns": [
        {
          "controls": [
            {
              "name": "text",
              "type": "text",
              "label": false,
              "placeholder": "Text"
            }
          ]
        },

        {
          "type": "tpl",
          "tpl": "其他组件"
        }
      ]
    }
  ]
}

属性表

属性名	类型	默认值	说明
columns	Array<Column>		列内容。每个 column 为一个独立的渲染器。

Column 属性

除了 SchemaNode 支持属性以外，还支持以下几种属性

属性名	类型	默认值	说明
columnClassName	string		配置列的 CSS 类名
controls	Array<表单项>		表单项数组，如果配置了表单集合，同时没有指定 type 类型，则优先展示表单集合。