form-for-components v2.0.0-alpha

form-for-components

Core components for form-for

import { Field, Form } from 'form-for';
import { connectFields } from 'form-for-components';

connectFields();

If you're looking for styled components, check out form-for-bootstrap-components

Install

npm install --save form-for form-for-components

or https://unpkg.com/form-for-components/umd

Usage

Bind all fields

import { connectFields } from 'form-for-components';

connectFields();

Bind specific fields

import { Field } from 'form-for';
import { Input } from 'form-for-components';

Field.connect('text', Input);

List of components

• Checkbox
• TextArea
• Radio (provide options: { male: 'M', female: 'F' } to the field schema)
• Select (provide options: { los_angeles: 'Los Angeles', taubate: 'Taubaté' } to the field schema)
• Input types
  • color
  • date
  • datetime-local
  • email
  • file
  • hidden
  • image
  • month
  • number
  • password
  • range
  • search
  • tel
  • text
  • time
  • url
  • week

Accessing all inputs (useful when you want to create your own comopnents)

import { inputTypes } from 'form-for-components';

For more in depth documentation see: https://github.com/form-for/form-for