Skip to content

Function: createFormLayout()

ts
function createFormLayout(labelSpan?): {
  labelCol: {
     span: number;
  };
  wrapperCol: {
     span: number;
  };
};

Generate Ant Design / compatible form labelCol / wrapperCol layout config. 生成表单标签列与内容列的 span 配置(兼容 Ant Design 等 24 栅格表单)。

Parameters

ParameterTypeDefault value
labelSpannumber6

Returns

ts
{
  labelCol: {
     span: number;
  };
  wrapperCol: {
     span: number;
  };
}

labelCol

ts
labelCol: {
  span: number;
};

Type Declaration

labelCol.span

ts
span: number;

wrapperCol

ts
wrapperCol: {
  span: number;
};

Type Declaration

wrapperCol.span

ts
span: number;

Example

ts
createFormLayout()    // => { labelCol: { span: 6 }, wrapperCol: { span: 18 } }
createFormLayout(4)   // => { labelCol: { span: 4 }, wrapperCol: { span: 20 } } *

Since

1.0.0

Released under the MIT License.