❤
npm
Sign UpSign In

react-native-typeform-embed

1.0.4 • Public • Published

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.

Readme

Keywords

Package Sidebar

Install

npm i react-native-typeform-embed

Repository

github.com/ubdi/react-native-typeform-embed

Homepage

github.com/ubdi/react-native-typeform-embed#readme

Weekly Downloads

787

Version

1.0.4

License

ISC

Unpacked Size

5.9 kB

Total Files

3

Last publish

Collaborators

  • hakazvaka
Try on RunKit
Report malware