npm.io
3.0.9 • Published 4 years ago

react-lib-feedbacky

Licence
MIT
Version
3.0.9
Deps
9
Size
589 kB
Vulns
0
Weekly
0

feedbacky-react-component

Feedbacky is a react component library that can be used for collecting feedback from users as a text then sending it to database.

To Implement Feedbacky

npm i react-lib-feedbacky

To Import Feedbacky As Default

import {Feedbacky} from "react-lib-feedbacky";

export default function App() {
    const props = {
        applicationId: "TEST",
        fontColor: "#fff",
        formButtonText: "SEND",
        formButtonColor: "#f37919",
        formButtonTextColor: "#000000",
        modalBackgroundColor: "#ffffff",
        formTitle: "SEND YOUR FEEDBACK",
        responseTitle: "WE HAVE GOT YOUR FEEDBACK",
        responseTitleColor: "#1d851d",
        feedbackyApiUrl: "https://feedbacky-api-go.herokuapp.com/feedback",
    };

    return (
        <div className="App">
            <Feedbacky {...props} />
        </div>
    );
}

Documentation

Props* Description
applicationId Application ID or name where feedbacks come from
fontColor Font color for the form
formButtonText Submit form button text
formButtonColor Submit form button color
formButtonTextColor Submit form button text color
modalBackgroundColor Modal background color
formTitle Title for the requested message
responseTitle Title for the response message
responseTitleColor Color for response title
feedbackyApiUrl Api Url for the feedbacky app

*all props are default as string.

Demo