1.2.4 • Published 10 years ago

react-ui-form v1.2.4

Weekly downloads
3
License
MIT
Repository
github
Last release
10 years ago

react-ui-form

NPM version Build status Dependency Status Downloads

The UI Component that providing basic form controls which is compatible with React.js

Get Started

import {
  UIForm,
  UIRow,
  UITextInput,
  UIButton,
} from 'react-ui-form';

class ExampleForm extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      username: null,
      password: null,
    };
  }
  onLogin() {
    // this.state.username
    // this.state.password
  }
  render() {
    return (
      <UIForm>
        <Row name="username">
          <UITextInput bindStateCtx={this} bindStateName="username" />
        </Row>
        <Row name="username">
          <UITextInput bindStateCtx={this} bindStateName="username" password={true} />
        </Row>
        <Row name="username">
          <UIButton text="login" onClick={this.onLogin.bind(this)} />
        </Row>
      </UIForm>
    )
  }
}

Components

Installation

$ npm install react-ui-form

Tests

$ npm install
$ npm test

Example

$ cd examples
$ npm install && npm start
$ open ./index.html

License

MIT @ WeFlex

1.2.4

10 years ago

1.2.3

10 years ago

1.2.2

10 years ago

1.2.1

10 years ago

1.2.0

10 years ago

1.1.3

10 years ago

1.1.2

10 years ago

1.1.1

10 years ago

1.1.0

10 years ago

1.0.0

10 years ago