form-component

1.0.3 • Public • Published

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'));

Readme

Keywords

Package Sidebar

Install

npm i form-component

Weekly Downloads

1

Version

1.0.3

License

MIT

Last publish

Collaborators

  • viankakrisna