benpetsch/react-feedback-dialog

A react user feedback dialog + screenshot + canvas highlighting

react-feedback-dialog

A react user feedback dialog component. Enables screenshots and canvas highlighting.

Why

To make collecting feedback more easy.

What

Fast feedback, including screenshot, description and sys specs for your webapp.

Install

npm install --save react-feedback-dialog

or

yarn add react-feedback-dialog

Usage

import React, { Component, useState } from 'react';
import FeedbackDialog from 'react-feedback-dialog';

const publishConfig = {
  method: 'http', // one of 'http' or 'mail'
  httpConfig: {
    // [optional] only required for method: 'http'
    destination: 'http://httpbin.org/post'
  }
};

class Example extends Component {
  const [active, setActive] = useState(false);

  render() {
    return (
      <div>
        <button
          onClick={() => setActive(!active)}
        >Give Feedback</button>

        <Index
          publishConfig={publishConfig}
          active={active}
          onClose={() => setActive(!active)}
        />
      </div>
    );
  }
}

License

MIT © Benedikt Schmeitz

react-feedback-dialog's Issues

Sounds awesome - would benefit from a demo

I just came across this project and I'm interested, but don't have the time to check out every interesting project by installing. I know it's demanding on your time to provide a demo, but adoption would be positively impacted by a demo.

Even without a demo, thank you for sharing your work.