react-native-typeform-embed's Introduction

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!")}
        onClose={() => alert("Closed!")}
      />
    );
  }
}

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	`{}`