valledor-react-form v1.0.4

valledor-react-form

Create react forms made simple

Install

npm install --save valledor-react-form

Usage

import React, { Component } from 'react'

import SimpleForm from 'valledor-react-form'

function SignInForm(props) {
  fields.push({
    name: "username",
    type: "text",
    placeholder: "Username",
    required: true
  })

  fields.push({
    name: "password",
    type: "password",
    placeholder: "Password",
    note: "must include letters in mixed case and numbers"
  })

    fields.push({
    name: "gender",
    type: "select",
    label: "gender"
    options: [
      {value: "M", text:"M"},
      {value: "F", text:"F"},
      {value: "NB", text:"NB"}
    ]
  })

    fields.push({
    name: "submit",
    type: "submit",
    value: "Sign In",
    required: true
  })

    function onSubmit(e) {
      formData = new FormData(e.target)
      validate(formData)
      ...

  }

  ///Optional
    function onChange(e) {
      console.log('field: ', e.target.name)
      console.log('value: ', e.target.value)
    }

  return <SimpleForm
              onChange={onChange}   //optional
              onSubmit={onSubmit}   //optional
              title="Sign Up"       //optional
              fields={fields}       //required
          />
}

### It is recommended to use bootstrap. SimpleForm is bootstrap formatted.

License

MIT © francovalledor