Redux-form-widgets-jss-react NPM

redux-form-widgets-jss-react

Redux-form field widgets with JSS for React JS

Install

npm install --save redux-form-widgets-jss-react

!!! Documentation in progress !!!

Demo

Usage

Example

      <WidgetProvider
        customTheme={themeBlue}
      >
          <form>

                <Field
                  name="Buttons"
                  component={FieldText}
                  customStyleWrap={{ width: 400 }}
                  label="Demo Buttons"
                  placeholder="Demo Buttons"
                  btClear
                  btTwoPlus
                  btAllSelect
                  btMap
                  btMapRefresh
                  btThreeDots
                />

                <Field
                  name="simple_text"
                  component={FieldText}
                  label="Simple text"
                  validate={[required]}
                  required
                  btClear
                />

                <Field
                  name="select"
                  component={FieldSelect}
                  data={selectDataArray}
                  valueField="id"
                  textField="title"
                  label="Select"
                  required
                  validate={[required]}
                  btClear
                />

                <Field
                  name="select_multi"
                  component={FieldSelectMulti}
                  data={selectDataArray}
                  valueField="id"
                  textField="title"
                  label="Select Multi"
                  required
                  validate={[requiredItemsArray]}
                  btClear
                />

                <Field
                  name="check"
                  component={FieldCheckList}
                  data={selectDataArray}
                  valueField="id"
                  textField="title"
                  label="Check list"
                  required
                  validate={[required]}
                  btClear
                />

                <Field
                  name="check_multi"
                  component={FieldCheckListMulti}
                  data={selectDataArray}
                  valueField="id"
                  textField="title"
                  label="Check Multi"
                  required
                  validate={[requiredItemsArray]}
                  btClear
                />

                <Field
                  name="date_picker"
                  component={FieldDatePicker}
                  label="Date Picker"
                  valueDateFormat="DD-MM-YYYY"
                  textDateFormat="DD-MM-YYYY"
                  customStyleDateBox={{ width: 215 }}
                  required
                  validate={[required]}
                  btClear
                />

                <Field
                  name="check_multi_inline"
                  component={FieldCheckMultiInline}
                  data={selectDataArray}
                  valueField="id"
                  textField="title"
                  label="Check Multi Inline"
                  required
                  validate={[requiredItemsArray]}
                  btClear
                />

                <Field
                  name="simple_textarea"
                  component={FieldTextArea}
                  label="Simple text area"
                  validate={[required]}
                  required
                  btClear
                />

          </form>
      </WidgetProvider>