1.0.0 • Published 2 years ago
ng-feedbacky v1.0.0
Feedbacky
Feedbacky for collecting visitor feedbacks across your e-commerce websites.
This library was generated with Angular CLI version 13.0.0.
Installation
npm install ng-feedbacky
Usage
- import
FeedbackModule
fromng-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',
}