@blaze/customer-feedback

Customer Feedback

customer-feedback is a web component that enables you to capture an annotated screenshot and description of a web page.

It can be themed using CSS variables.

Getting Started

Install the package

npm i @blaze/customer-feedback

Vanilla HTML

Add the following to the head of the document.

<script src=""></script>

Place this web component at the bottom of the body element:

<customer-feedback></customer-feedback>

Under the hood customer-feedback uses it's position in HTML and a high z-index to ensure it remains on top of the content of your web page, however you may still experience layering issues if you have similar code that overlays all content.

React

Install the package then add the following code to the start up routine (usually index.js)

import { applyPolyfills, defineCustomElements } from 'customer-feedback/loader';

applyPolyfills().then(() => {
  defineCustomElements();
});

Further reading on integrating in other frameworks

https://stenciljs.com/docs/overview

Run Locally

Running the code locally is simple. Copy and paste the following into a terminal and press enter.

git clone [e-mail]:BlazeSoftware/customer-feedback.git
cd customer-feedback
nvm use
npm i
npm start

It's as simple as that.

Contributing

Get it running locally, make changes and raise a PR 🔥