README
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