@appitsy/forms

Build Effortless Forms in React

Usage no npm install needed!

<script type="module">
  import appitsyForms from 'https://cdn.skypack.dev/@appitsy/forms';
</script>

README

@appitsy/forms - Build Effortless Forms in React

NPM CI npm type definitions

Install

npm install --save @appitsy/forms

Usage

  1. Add Bootstrap bundle - CSS, JS & Popper JS to your application.
  2. Build a form with our form builder
  3. Copy the form from 'Schema JSON' section.
  4. Use it in your app like this:
import React, { Component } from 'react'

import { Form } from '@appitsy/forms';

const formSchema = [
  {
    "type": "text",
    "name": "My Text Field",
    "display": {
      "label": "My First Text Field",
    }
  },
  {
    "text": "Submit",
    "style": "primary",
    "type": "button",
    "name": "submitButton"
  }
]

class Example extends Component {
  render() {
    return <Form
              schema={formSchema}
              data={data}
              onSubmit={data => submitForm(data)}
  }
}

License

MIT © AppItsy