react-components-form

React form components

Usage no npm install needed!

<script type="module">
  import reactComponentsForm from 'https://cdn.skypack.dev/react-components-form';
</script>

README

REACT COMPONENTS FORM v3

Build Status Coverage Status npm npm

  1. Features
  2. Documentation
  3. Installation
  4. How to use
  5. Contribute
  6. License

Features

Documentation

Installation

$ npm install react --save
$ npm install react-components-form --save

If you want schema validation please install form-schema-validation

$ npm install form-schema-validation --save

How to use

import React from 'react';
import { Form, TextField, SubmitField } from 'react-components-form';
import Schema from 'form-schema-validation';

const loginSchema = new Schema({
  login: {
    type: String,
    required: true
  },
  password: {
    type: String,
    required: true
  }
});

const LoginForm = () => (
  <Form
    schema={loginSchema}
    onSubmit={model => console.log(model)}
    onError={(errors, data) => console.log('error', errors, data)}
  >
    <TextField name="login" label="Login" type="text" />
    <TextField name="password" label="Password" type="text" />
    <SubmitField value="Submit" />
  </Form>
);

export default LoginForm;

Contribute

  • use eslint rules
  • write clean code
  • unit tests (min 85% of your code should be tested)
  • code of conduct

License

react-component-form package are MIT licensed