@flive/form-with-redux-form

form-with-redux-form

This module exports Form fields and inputs from @flive/react-kit and extends them to handle redux-form.

Install

npm install @flive/form-with-redux-form

Available

Inputs

• Input
• TextInput
• NumberInput
• PasswordInput
• TextareaInput
• SelectInput
• CheckboxInput
• RadioInput

Fields

• TextField
• PasswordField
• NumberField
• TextareaField
• SelectField
• CheckboxField
• CheckboxesField
• RadiosField

Hocs

• withReduxFormInput
• withReduxFormField

Ref forwarding with inputRef

If you want to forward a ref to the input, we provide the prop inputRef.

import React from 'react';
import { Field } from 'redux-form';

const ref = React.createRef();

const EmailField = props => {
  return (
    <Field
      inputRef={ref}
      component={Form.TextField}
      label="Email"
      name="email"
    />
  );
};

License

This project is licensed under a custom license. See the LICENSE file for details.