afew-form-react-components

A free open source React component for executing fully accessible Web forms created with http://afewforms.com

Why?

No matter how far technology progresses, as web developers we are always faced with the mundane task of creating fully accessible web forms for infinite applications. This library works in conjunction with http://afewforms.com to create any form in minutes and effortlessly integrate it into your web project.

Who is this for?

From junior web developers to solution architects afewforms will streamline your application development from prototypes to production. Although we recommend using http://afewforms.com to create your form using a visual interface, this library is completely open source giving you complete control over your future development. Check out some example videos below on just how easy http://afewforms.com is to use.

Examples

• Simple Login
• In depth Registration
• Complex Mortgage application

Screenshot

Install afew forms

npm install afew-form-react-components --save

Integrate your form

React

import React from 'react'
import InputForm from 'any-form-react-plugin'

// FormConfig.json created at afewforms.com
import { FormConfig } from '../FormConfig.json'

class App extends React.Component {
  render() {
    return (
      <InputForm
        config={FormConfig}
        onChange={data => {
          console.log(data)
        }}
        onSubmit={data => {
          console.log(data)
        }}
      />
    )
  }
}

Single component

import React from 'react'
import { RichText } from 'any-form-react-plugin'

class App extends React.Component {
  render() {
    return (
      <RichText
        onChange={data => {
          console.log(data)
        }}
      />
    )
  }
}

Available components

• AllowedValues
• Boolean
• Break
• Date
• Dropdown
• Message
• Number
• Radios
• RichText
• Section
• Submit
• Text

Documentation

Documentation is hosted on: https://afewforms.com/docs

License

Apache 2