@customgform-lib/react-customgform
v1.0.12
Published
Simple [React](http://facebook.github.io/react/) component acting as a thin layer over the [CustomGForm - Google Form Customizer](https://customgform.com/)
Downloads
148
Maintainers
Readme
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