Example Code: Inline Form with React

Steps

1. Install the library into your project

npm install @typeform/embed-react --save

2. Import selected components into the app

  import { Widget } from '@typeform/embed-react';

3. Render the component and apply configurations with properties

const InlineForm = (props) => {
  return (
    <Widget 
      id='LQTzMYOw'
      hidden={{
        name: {props.name},
        email: {props.email},
        user_id: {props.id}
      }}
      height='400px'
      width='400px'
    />
  );
}

Back to gallery