@feedmo/form NPM

Guide to @feedmo/form

Open source project to collect feedback from your user with ease.

Installation

Currently, we only support installation of this package in react. Here, is how you can integrate it with react.

  npm install @feedmo/form

Setup

This package uses Tailwind CSS for styling. To use it effectively:

Configure Tailwind CSS in your React project. Follow the official Tailwind CSS setup guide for instructions.
In your tailwind.config.js, make sure you include this in your contents array

content: [
    "./src/**/*.{js,jsx,ts,tsx}",
    "./node_modules/@feedmo/form/**/*.{js,jsx,ts,tsx}" // Add this line
],

If you prefer not to use Tailwind CSS, you can create your own form component and use our client and project IDs to receive user feedback. Visit our official documentation for manual implementation details.

Usage/Examples

import "./index.css"
import { ReactForm } from '@feedmo/form'

const App = () => {
  return (
    <div className='grid place-items-center'>
      Feedback Form
      <ReactForm
        contentAlign="end"
        clientId='your-client-id'
        projectId='your-project-id'
        triggerClassName='trigger'
        contentClassName="content"
        submitBtnClassName="submit"
        labelClassName="label"
        inputClassName="input"
        textareaClassName="textarea"
        formClassName="form"
      />
    </div>
  )
}

export default App