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.