React Wufoo Embed

Star Watch

---

A quick and easy way to use Wufoo Forms in your React Application.

View on Github

Installation

npm install --save-dev react-wufoo-embed

or with bower:

bower install --save-dev react-wufoo-embed

Use

This module is UMD compatible, so you can use it with CommonJS, AMD or by loading the src.

// import the module (CommonJS shown)
var Wufoo = require('react-wufoo-embed');

// inside your render() function
<Wufoo userName="*your username*" formHash="*formId*" />;

Options

The following props are available.

• userName [String] required - Your Wufoo username.
• formHash [String] required - The FormID of your Wufoo form.
• header [String] default: 'show' - 'show' or 'hide' the header of your form.
• autoResize [String] default: 'true' - Auto size the height of your form.
• height [String] - Override the height of your form if autoResize is set to false.
• async [Bool] default: true - Disable async loading of your form.
• ssl [Bool] default: true - Disable this if you want to force non-secure http.

Example

<Wufoo userName="adaml" formHash="zkgmlhk086qrhp" header="hide" />;

---

Extras

This module supports multiple forms loaded on the page.

Contributions are welcomed, please see README in github page.

---