Formio-inputs NPM

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

Support for select options and checkbox inputs
Support for file input
Support for multi file input
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

@everything-registry/sub-chunk-1696

1.0.2

5 years ago

1.0.1

5 years ago