🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

React components give you the possibility to create forms with schema validation using “form-schema-validation”.

Form React

Documentation

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


You May Also Like