bobvanoorschot-formsy-components

A set of React JS components for use in a formsy-react form. With flex and custom styling.

Usage no npm install needed!

<script type="module">
  import bobvanoorschotFormsyComponents from 'https://cdn.skypack.dev/bobvanoorschot-formsy-components';
</script>

README

bobvanoorschot-formsy-components

Build Status npm version

bobvanoorschot-formsy-components is a selection of React components that render form elements for use in a formsy-react form.

The components render markup to be quickly included in a Bootstrap 3 form. This includes a <label>, help text, and some validation styling tied to formsy’s validation state and validation messages.

Install

To install using yarn:

yarn add formsy-react
yarn add bobvanoorschot-formsy-components

To install using npm:

npm install --save formsy-react
npm install --save bobvanoorschot-formsy-components

Browser Support

This should run on browsers where both Bootstrap and React are supported.

  • Internet Explorer: polyfills for Set and Array.from are required.

Usage

import { Form, Input } from 'bobvanoorschot-formsy-components';

const MyForm = (props) => {
    return (
        <Form onSubmit={(data) => { console.log(data) }}>
            <Input
                name="firstname"
                label="What is your first name?"
            />
        </Form>
    )
}

Examples

Documentation

Documentation is a work in progress!

  • For a working code example, visit the Playground, then examine the source.
  • There is some information in /docs.