cov-kendo-form-components v7.0.0

cov-kendo-form-components

COV Kendo From Component library. Helps COV developers to use Kendo components in a consistent way.

Install

npm install --save cov-kendo-form-components

Usage

import React, { Component } from 'react'

import { FormInput, FormCheckbox } from 'cov-kendo-form-components'

function Form(props) {
  return (
    <Form
      initialValues={props.initialValues}
      render={(formRenderProps) => (
        <FormElement className='row' horizontal={horizontal}>
          <fieldset className={'k-form-fieldset col-xl-4 col-md-8 col-sm-12'}>
            <legend className={'k-form-legend'}>{props.title}</legend>
            <COVKendoFormErrorSummary formRenderProps={formRenderProps} />

            <Field
              id={'id'}
              name={'id'}
              label={'ID'}
              component={FormInput}
              className='form-control small'
              disabled
            />
            <Field
              id={'displayName'}
              name={'displayName'}
              label={'Display Name'}
              component={FormInput}
              validator={requiredFieldValidator('Display Name')}
              className='form-control large'
              hint={'e.g. this is a hint'}
            />
          </fieldset>
        </FormElement>
      )}
    />
  )
}

export default ApplicationForm

License

MIT © covnpmjs