JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 793
  • Score
    100M100P100Q110650F
  • License MIT

A React component for Mopinion Feedback Forms for web

Package Exports

  • react-mopinion-forms

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-mopinion-forms) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

A React component for Mopinion Feedback Forms

A React component for Mopinion Feedback Forms. A way for developers to easily integrate Mopinion Feedback Forms directly their React app.

Not using Mopinion Feedback Forms yet? Register your account now!

How to use

Install React Mopinion Forms.

npm install react-mopinion-forms

Insert a form wherever you wish inside your applications JSX.

A simple example:

import React from 'react';
import MopinionForm from 'react-mopinion-forms';

export default class App extends React.Component {
    render() {
        return (
            <div>
                <MopinionForm formKey={'64624ca4b7c18e9f4cdcd422d41615989d9034b2'} />
            </div>
        )
    }
}

MopinionForm props

<MopinionForm
    /*
        A string describing the form you wish to trigger (find this in the url of your forms preview page)
    */
    formKey="64624ca4b7c18e9f4cdcd422d41615989d9034b2"
    /*
        A string for setting a custom domain (default: app.mopinion.com)
    */
    domain="app.mopinion.com"

    /*
        The following props only work with MODAL or SLIDE-IN type forms
    */
    /*
        Boolean for hiding or showing a feedback button (default: true)
    */
        showButton={true}
    /*
        Boolean for forcing a form to open after loading
    */
        forceOpen={false}
/>