GitXplorerGitXplorer
v

form-component

public
0 stars
0 forks
1 issues

Commits

List of commits on branch master.
Unverified
7aaae34e9582ead30de09dac3b7417e07cb90eb0

1.0.3

vviankakrisna committed 7 years ago
Unverified
79940fe8c31dfbec250289aba61b9aa67d4e74a1

1.0.2

vviankakrisna committed 7 years ago
Unverified
d820a4975524114be5605432b8489b63b1b3d5ed

Add support for formData props

vviankakrisna committed 7 years ago
Unverified
145cd3d09443aef856cdbf1fe26f8b485da4c14a

use space for indentation

vviankakrisna committed 7 years ago
Unverified
5b8dfac0683c60053118f431dfd0d848de40891f

1.0.1

vviankakrisna committed 7 years ago
Unverified
31226d08ff3e4ba282cda1b8b0fe42f7cc34b5bd

Tweak demo

vviankakrisna committed 7 years ago

README

The README file for this repository.

form-component

Travis npm package Coveralls

Describe form-component here.

Example:

import React from 'react';
import { render } from 'react-dom';

import Form from 'form-component';

let Demo = props => (
  <div>
    <h1>form-component Demo</h1>
    <Form
      onSubmit={formData =>
        new Promise(resolve => setTimeout(() => resolve(formData), 2000))}
    >
      {(state, model) => (
        <fieldset style={{opacity: state.loading ? 0.5 : 1}}>
          <input {...model('name')} type="text" />
          <input {...model(['email', 0])} type="text" />
          <input {...model(['profile', 'data'])} type="text" />
          <button>Submit</button>
          <pre>{JSON.stringify(state, null, 2)}</pre>
        </fieldset>
      )}
    </Form>
  </div>
);
render(<Demo />, document.querySelector('#demo'));