Helps in better and quicker user feedback for native web components, with ability to capture a screenshot with a single click and submitting feedback component for javascript projects.

npm i @raralabs/web-feedback

import { Snipping } from '@raralabs/web-feedback';
import '@raralabs/web-feedback/dist/css/style.css'; // stylesheet

let snap = new Snipping({
  buttonLabel: 'Send Feedback',
  initialMarkMode: 'mark',
  fileName: 'feedbackScreenshot.png'
  /** other configs **/
});

/*
 * initialize on app start
 * it also return callback with screenshot data as
 * image : image as file type
 * base64Image: image as base64
 */
snap.init((data) => {
  const { image, base64Image } = data;
});

Common config you may want to specify include:

• button : boolean - enable or disable floating snapper button
• buttonLabel: string - text label for floating snapper button
• initialMarkMode: enum[ 'mark' | 'censored' | 'text' ] - Initial mark mode for the snipper
• buttonPostion: enum[ 'left' | 'right' ] - Position of floating snapper button
• fileName: string - file name for the screenshot

Want to contribute? Please check the guidelines Contributing.md. All PRs and issues are welcome.