react-native-typeform-embed
npm i react-native-typeform-embed

react-native-typeform-embed

React-Native wrapper for Typeform Embed SDK

by ubdi

1.0.4 (see all)License:ISCTypeScript:Not Found
npm i react-native-typeform-embed
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

PropDescriptionDefault
urlThe url of the Typeform form to display""
styleAdditional styles for the component{}
hideHeaderstrue if you want to hide the header that displays for question groups and long questions that require scrolling. Otherwise, falsefalse
hideFootertrue if you want to hide the footer that displays a progress bar and navigation buttons. Otherwise, false.false
opacityBackground 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
buttonTextText to display in the "Start" button. Displayed only on touch-screen and mobile devices.
Widget mode option
"Start"
onSubmitPRO accounts only. Callback event that will execute immediately after a respondent successfully submits the typeform.
N/A
webViewProps passed to the WebView that displays the form{}

License

Code released under the MIT license.

Downloads/wk

292

GitHub Stars

13

LAST COMMIT

2yrs ago

MAINTAINERS

1

CONTRIBUTORS

2

OPEN ISSUES

5

OPEN PRs

0
VersionTagPublished
1.0.4
latest
3yrs ago
No alternatives found
No tutorials found
Add a tutorial