Feedbacky

Feedbacky for collecting visitor feedbacks across your e-commerce websites.

This library was generated with Angular CLI version 13.0.0.

Live Demo

Installation

npm install ng-feedbacky

Usage

• import FeedbackModule from ng-feedbacky

import {FeedbackModule} from "ng-feedbacky";

• add FeedbackModule to the imports of your NgModule:

@NgModule({
  imports: [
    ...,
  FeedbackModule
],
...
})
class YourModule {
...
}

• add html selector to your component

<ng-feedbacky></ng-feedbacky>

• create your custom props

customProps:FeedbackyProps = {
messageLength:'18',
title: 'This is Custom Title',
titleColor: '#FF9A44',
}

• add your custom props

<ng-feedbacky [formProps]="customProps"></ng-feedbacky>

Available props

| Name | Type | Default | Description | |-----------------|:------:|:----------------------------|:-------------------------------------------| | backgroundColor | string | #FFFFFF | Modal background color | | messageLength | number | 2000 | Max length of form message | | sendButtonColor | string | #FF9A44 | Form submit button background color | | sendButtonText | string | Send | Form submit button text | | sendButtonTextColor | string | #FFFFFF | Form submit button text color | | successResponseColor | string | #008000 | Success form request's response text color | | successResponseText | string | WE HAVE GOT YOUR FEEDBACK | Success form request's response text | | title | string | SEND YOUR FEEDBACK | Modal form title | | titleColor | string | #000000 | Form title color |

Example

FORM_PROPS: FeedbackyProps = {
    backgroundColor: '#FFFFFF',
    messageLength: 2000,
    sendButtonColor: '#FF9A44',
    sendButtonText: 'Send',
    sendButtonTextColor: '#FFFFFF',
    successResponseColor: '#008000',
    successResponseText: 'WE HAVE GOT YOUR FEEDBACK',
    title: 'SEND YOUR FEEDBACK',
    titleColor: '#000000',
  }

License

MIT