React Native Typeform Embed
A React-Native wrapper for Typeform Embed SDK. Inspired by React Typeform Embed
Usage
yarn add react-native-typeform-embed
;; Component { return <TypeformEmbed url="https://demo.typeform.com/to/njdbt5" onSubmit= /> ; }
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.