@kofile/react-form

    1.1.0 • Public • Published

    react-form

    Usage

    import React from 'react'
    import { Form } from '@kofile/react-form'
    
    const config = {
      email: {
        validateOn: 'change',
        validateWith: v => v ? '' : 'error message'
      },
      password: {
        validateOn: 'blur',
        validateWith: v => v ? '' : 'fix your password!!!'
      }
    }
    
    class MyForm extends React.Component {
      handleSubmit = ({ formValues, isValid }) => {
        if (!isValid) {
          return
        }
    
        return handleSuccess(formValues)
      }
    
      render() {
        return (
          <div>
            <h2>My Awesome Form!</h2>
            <Form onSubmit={this.handleSubmit} config={config} render={(fields) => (
              <div>
                <label htmlFor={fields.email}>Email</label>
                <input {...fields.email.inputProps}/>
              </div>
              <div>
                <label htmlFor={fields.password}>Password</label>
                <input {...fields.password.inputProps}/>
              </div>
            )} />
          </div>
        )
      }
    }

    Keywords

    none

    Install

    npm i @kofile/react-form

    DownloadsWeekly Downloads

    92

    Version

    1.1.0

    License

    MIT

    Last publish

    Collaborators

    • akcapsis
    • kevinkofile
    • kofilesystems
    • neezer
    • scottkof
    • jbalfantz
    • ngraves
    • arturhovhannisyan1994volo
    • rachel-ftw
    • warrenyoungkofile