@customgform-lib/react-customgform

CustomGForm

Simple React component acting as a thin layer over the CustomGForm - Google Form Customizer

Installation

NPM

npm install @customgform-lib/react-customgform

Yarn

yarn add @customgform-lib/react-customgform

PNPM

pnpm add @customgform-lib/react-customgform

Usage

<CustomGForm
  formId={string}                  // defaults -> ''
  mode={'standard' | 'popup'}      // defaults -> 'standard'
  label={string}                   // defaults -> ''
  inlineStyles={string}            // defaults -> ''
/>

Example

Standard mode

// ts
import React from 'react';
import CustomGForm from '@customgform-lib/react-customgform';

function Example() {
  {/* standard mode */}
  return <CustomGForm formId="clj5flan90005wnju2yq4k38b"/>;
}

Popup mode

// ts
import React from 'react';
import CustomGForm from '@customgform-lib/react-customgform';

function Example() {
  return <CustomGForm 
    formId="clj5flan90005wnju2yq4k38b" 
    mode='popup' 
    label="Show form"
    inlineStyles='border: none;appearance: none;cursor: pointer;padding: 8px 12px;display: inline-block;background: #3f6bff;font-size: 16px;color: #fff;border-radius: 6px;font-weight: 500;'
  />;
}

License

MIT