TopGrd / easyform

antd form

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

easyform

encapsulate antd form to easy use.

NPM JavaScript Style Guide

Install

npm install --save easyform

Usage

import React, { Component } from 'react'

import Fields from 'easyform'

const fields = [
  {
    name: 'name',
    label: '计划名称',
    col: 24,
    required: true,
  },
  {
    name: 'startTime',
    label: '开始时间',
    required: true,
    type: 'date',
  }
];

class Example extends Component {
  render() {
    return (
      <Form>
        <Fields form={form} initialValues={initialValues}>
          <Fields.Field
            {...{
              name: 'startTime',
              label: '开始时间',
              required: true,
              type: 'date',
            }}
          />
        </Fields>
        <Fields form={form} fields={fields} initialValues={initialValues} />
      </Form>
    )
  }
}

About

antd form


Languages

Language:JavaScript 92.2%Language:HTML 5.4%Language:CSS 2.4%