2.0.1 • Published 7 years ago

react-painlessform v2.0.1

Weekly downloads
6
License
MIT
Repository
github
Last release
7 years ago

react-painlessform

Uses React 16.3 Context

Painless Form is a bunch of React Components that helps you:

  • Validate form via custom validator or Yup.Schema or combined validator!
  • Calculate fields
  • Use typescript for type checking in fields!
  • Create reusable form parts with own Validation & Transform

without any configs only declarative style.

Travis codecov GitHub issues GitHub license npm version npm downloads

Install

npm install --save react-painlessform

Documentation

Examples

import { createFormFactory } from "react-painlessform";

interface IModel {
    field: number;
    field2: string;
}

const { Form, Field } = createFormFactory<IModel>();

const MyForm = (props) => {
    return (
        <Form initValues={values} onModelChange={onModelChange}>
            <div>
                <Field name={f=>f.field}>
                    {({ inputHook, rest }) => <input {...inputHook, ...rest} />}
                </Field>
                <Field name={f=>f.field2}>
                    {({ inputHook, rest }) => <input {...inputHook, ...rest} />}
                </field>
                <button type="submit">Submit</button>
            </div>
        </Form>
    );
}
3.2.0-rc5

7 years ago

3.2.0-rc4

7 years ago

3.2.0-rc3

7 years ago

3.2.0-rc2

7 years ago

3.2.0-rc

7 years ago

3.1.0-beta4

7 years ago

3.1.0-beta3

7 years ago

3.1.0-beta2

7 years ago

3.1.0-beta

7 years ago

3.0.0-beta9

7 years ago

3.0.0-beta8

7 years ago

3.0.0-beta7

7 years ago

3.0.0-beta6

7 years ago

3.0.0-beta5

7 years ago

3.0.0-beta4

7 years ago

3.0.0-beta3

7 years ago

3.0.0-beta2

7 years ago

3.0.0-beta

7 years ago

3.0.0-alpha9

7 years ago

3.0.0-alpha8

7 years ago

3.0.0-alpha7

7 years ago

3.0.0-alpha6

7 years ago

3.0.0-alpha5

7 years ago

3.0.0-alpha4

7 years ago

3.0.0-alpha3

7 years ago

3.0.0-alpha2

7 years ago

3.0.0-alpha

7 years ago

2.0.1

7 years ago

2.0.0-test

7 years ago

2.0.0

7 years ago

2.0.0-alpha8

7 years ago

2.0.0-alpha7

7 years ago

2.0.0-alpha6

7 years ago

2.0.0-alpha5

7 years ago

2.0.0-alpha4

7 years ago

2.0.0-alpha3

7 years ago

2.0.0-alpha2

7 years ago

2.0.0-alpha

7 years ago

1.0.3

7 years ago

1.0.2

7 years ago

1.0.1

7 years ago

1.0.0

7 years ago

0.0.7

7 years ago

0.0.6

7 years ago

0.0.5

7 years ago

0.0.4

7 years ago

0.0.3

7 years ago

0.0.2

7 years ago

0.0.2-beta

7 years ago

0.0.2-alpha5

7 years ago

0.0.2-alpha4

7 years ago

0.0.2-alpha3

7 years ago

0.0.2-alpha2

7 years ago

0.0.2-alpha

7 years ago

0.0.1-alpha9

7 years ago

0.0.1-alpha8

7 years ago

0.0.1-alpha7

7 years ago

0.0.1-alpha6

7 years ago

0.0.1-alpha5

7 years ago

0.0.1-alpha4

7 years ago

0.0.1-alpha3

7 years ago

0.0.1-alpha2

7 years ago

0.0.1-alpha1

7 years ago

0.0.1-alpha

7 years ago

0.0.0-alpha10

7 years ago

0.0.0-alpha9

7 years ago

0.0.0-alpha8

7 years ago

0.0.0-alpha7

7 years ago

0.0.0-alpha6

7 years ago

0.0.0-alpha5

7 years ago

0.0.0-alpha4

7 years ago

0.0.0-alpha3

7 years ago

0.0.0-alpha2

7 years ago

0.0.0-alpha1

7 years ago

0.0.0-alpha

7 years ago

0.0.0

7 years ago