react-uikit-form

#React UIkit Form

Easily create forms.

See http://otissv.github.io/react-uikit-components/ for docs.

##Usage
UIkit css is not included. You can get it from getuikit.com

###Installation

npm install react-uikit-form --save;

// ES6
import Form from 'react-uikit-form';
import FormInput from 'react-uikit-form/lib/form-input';
import FormReduxInput from 'react-uikit-form/lib/form-redux-input';

// ES5
var Form = require('react-uikit-form').default;
var FormInput = require('react-uikit-form/lib/form-input').default;
var FormReduxInput = require('react-uikit-form/lib/form-redux-input').default;

$3

``

options={[
{ value: 1, body: 'Option 1' },
{ value: 2, body: 'Option 2' },
{ value: 3, body: 'Option 3' }
]}
/>

type='passwordToggle'
toggle={{
body : this.state.showPassword ? 'Hide' : 'Show',
icon : this.state.showPassword ? 'eye' : 'eye-slash',
onClick: this.handlePasswordClick,
type : this.state.showPassword ? 'text' : 'password'
}}
placeholder='Password input'
onChange={this.handleChange}
/>

`

$3


`
const AuthForm = (props) => {
const {
heading,
onSubmit,
} = props;

return title={heading}
layout='stacked'
onSubmit={onSubmit}
>
name="username"
component={FormReduxInput}
label='Username'
type="text"
help={{type: 'block'}}
/>
name="password"
component={FormReduxInput}
label='password'
type="password"
help={{type: 'block'}}
/>

Submit

;
};

`


##Tests

npm run testto run tests with minimal output.
npm run test:spec to run tests with detailed output.
npm run test:watch watches all directories and run tests with minimal output on file changes.

##Build
npm run build to build files fro distribution.
npm run build:watch watches src directory and builds files on changes.

##Lint
npm run lint lints scripts in src directory.
npm run lint:watch` watches src directory and lints scripts in src directory.

##License
MIT