formsy-react/examples
Tom B 98525a4b64 Major update/cleanup to Formsy API; React v15+; No more mixins (#470)
* Up node to 8.2.1; only allow React v15+

* Update HOC to ES6 component; kill Mixin and decorator

* Update all tests; ES6ify everything!

* Update examples to ES6 classes

* Update API docs

* Fix broken/commented test case

* Move peer dep to regular dep since peer is deprecated
2017-08-08 22:09:11 -07:00
..
components Major update/cleanup to Formsy API; React v15+; No more mixins (#470) 2017-08-08 22:09:11 -07:00
custom-validation Major update/cleanup to Formsy API; React v15+; No more mixins (#470) 2017-08-08 22:09:11 -07:00
dynamic-form-fields Major update/cleanup to Formsy API; React v15+; No more mixins (#470) 2017-08-08 22:09:11 -07:00
login Major update/cleanup to Formsy API; React v15+; No more mixins (#470) 2017-08-08 22:09:11 -07:00
reset-values Major update/cleanup to Formsy API; React v15+; No more mixins (#470) 2017-08-08 22:09:11 -07:00
README.md Added `dynamic form fields` example. 2015-12-01 17:00:43 +03:00
global.css Added `dynamic form fields` example. 2015-12-01 17:00:43 +03:00
index.html Added `dynamic form fields` example. 2015-12-01 17:00:43 +03:00
webpack.config.js Major update/cleanup to Formsy API; React v15+; No more mixins (#470) 2017-08-08 22:09:11 -07:00

README.md

Formsy React Examples

To run and development examples:

  1. Clone this repo
  2. Run npm install
  3. Start the development server with npm run examples
  4. Point your browser to http://localhost:8080

Possible Issues

Examples might not run if you have an old node packages. Try clear npm cache and reinstall dependencies:

rm -rf node_modules
npm cache clean
npm install
npm run examples

If it is not helped try update your node.js and npm.

Examples

  1. Login

    Two required fields with simple validation.

  2. Custom Validation

    One field with added validation rule (Formsy.addValidationRule) and one field with dynamically added validation and error messages.

  3. Reset Values

    Reset text input, checkbox and select to their pristine values.

  4. Dynamic Form Fields

    Dynamically adding and removing fields to form.