1.2.1 โ€ข Published 2 years ago

ty-feedback-library v1.2.1

Weekly downloads
-
License
UNLICENSED
Repository
-
Last release
2 years ago

ty-feedback-library

๐Ÿงช Live Demo Application

npm

Easily integrate feedbaack modal for your websites.

Features

  • Easy installation with package managers
  • Simple integration
  • Multi-language support
  • Customization options
  • Low bundle size

Get started

with CDN

Install ty-feedback-library using NPM or Yarn

with NPM
npm i ty-feedback-library
with Yarn
yarn add ty-feedback-library

That's enough for use! Then you can call it like this in your project.

import {FeedbackContainer} from 'ty-feedback-library'

...
<FeedbackContainer sheetId={"sheet"} token={"123"}/>

๐Ÿšจ How do I get a Sheet ID?

sheetid

  • Open the Google Sheets you want to save.
  • Select "Anyone with the link" via the "Share" button and update the authorization to "Editor".
  • Save Sheet ID from URL.

Example URL: docs.google.com/spreadsheets/d/2rGDgYHzDnoDNnoJzyw4HyKXJSqIbhqDj2vRob8O9Q-U/edit#gid=0

According to this URL's Sheet ID: 2rGDgYHzDnoDNnoJzyw4HyKXJSqIbhqDj2vRob8O9Q-U

๐Ÿšจ How do I get a Access Token?

acccesstoken

  • Go to this link: https://developers.google.com/oauthplayground/
  • Find the "Google Sheets API v4" service
  • Select the ".../auth/spreadsheets" service and click on the "Authorize APIs" button
  • After selecting your user and continuing, under the heading "Step 2 Exchange authorization code for tokens" click on the "Exchange authorization code for tokens" button and you will be able to access the Access token.

Props for ty-feedback-library Component

PropertyTypeIs RequiredDefault Value
sheetIdstringrequired-
tokenstringrequired-
languagestring ('en', 'tr', 'de')optionaldetect browser's language
modalTitleAlignment'left', 'center', 'right'optional'center'
modalTitleValuestringoptional'Send us your feedback!'
modalTitleClassNamestringoptional-
modalFeedbackPlaceholderstringoptional'Describe your experience here.'
modalFeedbackZIndexnumberoptional1
modalFeedbackDefaultValuestringoptional-
modalFeedbackClassNamestringoptional-
modalFeedbackSuccessMessagestringoptional'We have got your feedback!'
modalFeedbackFailedMessagestringoptional'We encountered a problem while receiving your feedback'
modalFeedbackSubmitButtonValuestringoptional'Send'

The default value table is written according to the English language. In case of TR or DE, the translations of that language appear. If a language other than these is sent to the language parameter, it is written according to the EN language.

1.2.0

2 years ago

1.1.9

2 years ago

1.1.8

2 years ago

1.1.7

2 years ago

1.1.5

2 years ago

1.1.4

2 years ago

1.2.1

2 years ago

1.1.2

2 years ago

0.1.1

2 years ago

1.1.1

2 years ago

1.1.0

2 years ago

1.0.9

2 years ago

1.0.8

2 years ago

1.0.7

2 years ago

1.0.6

2 years ago

1.0.5

2 years ago

1.0.4

2 years ago

1.0.3

2 years ago

1.0.2

2 years ago

1.0.1

2 years ago