react-native-typeform-embed
v1.0.4
Published
React Native wrapper for embedding Typeform
Downloads
4,015
Readme
React Native Typeform Embed
A React-Native wrapper for Typeform Embed SDK. Inspired by React Typeform Embed
Usage
yarn add react-native-typeform-embed
import React from "react";
import TypeformEmbed from "react-native-typeform-embed";
class App extends React.Component {
render() {
return (
<TypeformEmbed
url="https://demo.typeform.com/to/njdbt5"
onSubmit={() => alert("Submitted!")}
/>
);
}
}
See the source for more examples.
Props
Most props are based on the official parameters from Typeform Embed SDK
| Prop | Description | Default |
| ------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- |
| url
| The url of the Typeform form to display | ""
|
| style
| Additional styles for the component | {}
|
| hideHeaders
| true
if you want to hide the header that displays for question groups and long questions that require scrolling. Otherwise, false
| false
|
| hideFooter
| true
if you want to hide the footer that displays a progress bar and navigation buttons. Otherwise, false
. | false
|
| opacity
| Background opacity. Valid values include any integer between 0
(completely transparent) and 100
(completely opaque). Note that this isn't the same as the CSS opacity scale (0-1).Widget mode option | 100
|
| buttonText
| Text to display in the "Start" button. Displayed only on touch-screen and mobile devices.Widget mode option | "Start"
|
| onSubmit
| PRO accounts only. Callback event that will execute immediately after a respondent successfully submits the typeform. | N/A |
| webView
| Props passed to the WebView that displays the form | {}
|
License
Code released under the MIT license.