React Native wrapper for embedding Typeform
npm install react-native-typeform-embedA React-Native wrapper for Typeform Embed SDK.
Inspired by React Typeform Embed
``bash`
yarn add react-native-typeform-embed
`js
import React from "react";
import TypeformEmbed from "react-native-typeform-embed";
class App extends React.Component {
render() {
return (
onSubmit={() => alert("Submitted!")}
/>
);
}
}
`
See the source for more examples.
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).100
_Widget mode option_ | |buttonText
| | Text to display in the "Start" button. Displayed only on touch-screen and mobile devices."Start"
_Widget mode option_ | |onSubmit
| | PRO accounts only. Callback event that will execute immediately after a respondent successfully submits the typeform. webView
| N/A |
| | Props passed to the WebView that displays the form | {}` |
Code released under the MIT license.