comp-section-layout

1.0.2 • Public • Published

comp-section-layout image

API

属性 说明 类型 默认值
title 标题 String/RectNode
titleSytle 标题自定义样式 Object
contentSytle 内容自定义样式 Object

Example

import React from 'react';
import { render } from 'react-dom';
import { Form } from 'antd';
import CompSectionLayout from 'comp-section-layout';

const FormItem = Form.Item;
const formItemLayout = {
  labelCol: {
    span: 2
  },
  wrapperCol: {
    span: 16
  }
};

render(
  <CompSectionLayout title="基本信息" titleStyle={{fontSize: '18px'}}>
    <Form>
      <FormItem
        {...formItemLayout}
        label="英文名字"
      >
        张三
      </FormItem>
      <FormItem
        {...formItemLayout}
        label="实际年龄"
      >
        28
      </FormItem>
    </Form>
  </CompSectionLayout>,
  document.getElementById('app')
);

Develop

$ npm run start

Publish

$ cd ../..          // 返回项目根目录,通过 `lerna` 来构建与发布
$ npm run build
$ npm publish

/comp-section-layout/

    Package Sidebar

    Install

    npm i comp-section-layout

    Weekly Downloads

    16

    Version

    1.0.2

    License

    MIT

    Unpacked Size

    10.7 kB

    Total Files

    18

    Last publish

    Collaborators

    • frend.wong
    • youhuakun