formio-inputs

3kb compressed form component that takes care of everything for you.

formio stands for form input and output.

Install

yarn add formio-inputs

npm install --save formio-inputs

Basic Usage

import React, { Component } from 'react'

import Formio from 'formio-inputs'

const inputs = [
 {
   key: 'email', 
   type: 'email',
   label: 'Email:',
   placeholder: 'Enter your email here'
 },
 {
   key: 'password',
   type: 'password',
   label: 'Password',
   placeholder: 'Enter your password here'
 }
]

class Example extends Component {
  render () {
    return (
      <Formio 
        inputs={inputs}
        change={this.handleFormChange}
        submit={this.handleFormSubmit}
        theme={'bootstrap'}
      />
    )
  }
}

Props

Props with a asterisk (*) is required

| Props | Type | Description | | :------------- | :------------- | :---------- | | input* | array | a list of input objects to generate | | change | function | Callback function triggers upon input change and returns the entire form state | | submit | function | Callback function triggers upon clicking on the submit button | | theme | string | Form theme bootstrap (default), material, classic | | buttonStyle | object | Style object that customizes the submit button design

Todo

1. Support for select options and checkbox inputs
2. Support for file input
3. Support for multi file input
4. Test coverage

Issues

For all bug related issue please refer to the issues page and submit an issue

Contributions

If you would like a feature implemented consider submitting a PR yourself! All contributions welcomed.

License

MIT © mxdi9i7