@feelback/react
v0.3.4
Published
Use Feelback service within your React website
Downloads
1,291
Maintainers
Readme
Feelback React integration library
This package is the React SDK of the Feelback service, which includes:
- builtin components with presets ready to use in your pages
- hooks for easy interaction with the Feelback API, useful for building custom components
- predefined styling you can adopt for nice-looking components with no effort
Prerequisite
- node 14+
- react 17+ (peer dependency)
Installation
Add the package with your package manager of choice:
npm install @feelback/react
# or
pnpm add @feelback/react
# or
yarn add @feelback/react
The package is completely tree-shakable. You can take advantage of bundlers like Vite or esbuild to trim the final package size with only the components you actually use.
Example
After the package is installed, you can import components and presets:
import { FeelbackPulse, PRESET_PULSE_HEART } from "@feelback/react";
function PostTitle({ title }) {
return (
<div>
<h1>{title}</h1>
<FeelbackPulse contentSetId="content-set-id-from-the-panel"
preset={PRESET_PULSE_HEART}
showCount
/>
</div>
);
}
Style
The package provides a predefined style you can import:
import "@feelback/react/styles/feelback.css";
Additional resources
- Read the full integration guide
- Checkout the official documentation with a full overview of the Feelback service
Types
This package is built in typescript so it has full typings support.