react-typeform   

Description

Renders each component at a time with a next button, and when all components are traversed then all components are shown at once for review with a submit button.

Installation

``
npm install react-typeform --save
`

Setup for typeform

$3

`

...Your individual component here

`

`
Transform this to
`

`



`

So basically you need to add a style property to the top container of your component whose value is tfStyle property from the parent.

Properties

$3

The individual components to be shown one by one

$3

Function that executes when submit button is clicked

$3

Text to be displayed for submit button
Default: Submit

$3

Classname for submit button

$3

Text to be displayed for next button
Default: Next

$3

Classname for next button

$3

Function that executes when next button is clicked

Example

``
import React from 'react';
import Typeform from 'react-typeform';

class TypeFormComponent extends React.Component {

submit() {
// Call your submit function here
}

render() {
return(
{/** You can wrap this into your favourite form
* But use the onSubmit function to call function that executes on click
*/}
onSubmit={this.submit}
>


...

);
}
}

export default TypeFormComponent;