FormPass

React component: `@formpass/react`

Render FormPass forms natively in React apps with automatic schema loading, validation, and submissions.

Install

npm install @formpass/react

Basic usage

import { FormPassForm } from "@formpass/react"

export function ContactBlock() {
  return (
    <FormPassForm
      formId="abc123"
      host="https://your-formpass-app.vercel.app"
    />
  )
}

Supported props

  • formId: Form ID from your dashboard.
  • host: Base URL hosting your FormPass API routes.
  • onSubmit: Callback after successful submission.
  • onError: Callback when submit/fetch fails.
  • submitText, successMessage, hideBranding.
  • theme: Color/font/radius overrides.

Capabilities

  • All field types: `text`, `email`, `textarea`, `select`, `checkbox`.
  • Client-side required-field validation.
  • Submission to /api/submit/{formId}.
  • Loading, success, and error states built in.
  • Optional “Agent Ready” branding when enabled for the form.