react-wufoo-embed
Version:
59 lines (32 loc) • 1.76 kB
Markdown

A quick way to use [Wufoo](https://www.wufoo.com/) Forms in your React Application.
## Demo & Examples
Live demo: [seethroughtrees.github.io/react-wufoo-embed](http://seethroughtrees.github.io/react-wufoo-embed/)
## Installation
Install the component from [npm](https://www.npmjs.com/package/react-wufoo-embed).
```
npm install react-wufoo-embed --save
```
## Usage
Import the component and add the required attributes, that's it!
``` javascript
const WufooForm = require('react-wufoo-embed');
<WufooForm userName="*your username*" formHash="*your formId*" />
```
*You can also get the embed code directly from the 'Share tab' in the Wufoo Admin*
## Properties
**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.
**defaultValues** *[String]* - Set default values.
**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.
==============
### Thanks
Huge thanks to Jed Watson for making [https://github.com/JedWatson/generator-react-component](https://github.com/JedWatson/generator-react-component).
A super easy way to start components.
### Contributions
Pull requests are always welcomed. Just make sure to create an issue first, and set the PR to the 'upstream' branch instead of Master. Thanks!
Copyright (c) 2015 seethroughtrees.