gform-react
Back to Introduction

Your First Form

Put the core concepts together into a complete, runnable sign-in form you can edit live.

You've seen the pieces in Core Concepts - a typed interface, a module-level validators object, and a GForm wrapping GInput fields. Here they are working together as a complete sign-in form. Edit it live - it runs against the published gform-react package:

Loading playground…
The submit button

A native <button> inside GForm submits the form by default - you don't need type="submit". If you use a custom button component (which usually defaults to type="button"), you must pass type="submit" explicitly.

Next steps