Widget Customization
You can customize the widget to match your website's design. To do so, play below with the widget's settings and copy the code snippet.
- JavaScript
- React
<script src="https://unpkg.com/@dropfeedback/core" type="module" defer />
<drop-feedback
theme-scheme="light"
theme-primary-color="#1668dc"
theme-background-color="#ffffff"
theme-text-color="#0a0a0a"
/>
<button data-feedback-button>Feedback</button>
import { DropFeedback } from "@dropfeedback/react";
export const App = () => (
<>
<DropFeedback
theme={{
scheme: "light",
primaryColor: "#1668dc",
backgroundColor: "#ffffff",
textColor: "#0a0a0a",
}}
/>
<button data-feedback-button>Feedback</button>
</>
);
info
Also, you can use trigger attributes to customize the widget's behavior. Refer to the Javascript Usage or React Usage for more details to customize the widget.