Files
formbricks-formbricks/packages/js
Shubham Palriwala 317a5463e9 Revamp No-Code-Options: You can now target a combination of conditions (e.g. a specific button on a specific page) (#691)
* feat: revamp nocode action across frontend, backend, and js lib

* fix: remove console warning for ref forwarding

* feat: make advancedToggle component and use it across

* feat: use advancedToggle all across survey editor

* feat: use advancedToggle all across survey editor for link surveys

* remove: unused imports

* ui tweaks

* fix: form registration

* chore: advancedOptionToggle now has grey box inside the div

* fix: handle multiple css selectors separately

* test no code demo app

* replace logout with reset in demo apps

---------

Co-authored-by: Johannes <johannes@formbricks.com>
2023-08-24 10:27:41 +02:00
..

Formbricks Browser JS Library

npm package MIT License

Please see Formbricks Docs. Specifically, Quickstart/Implementation details.

What is Formbricks

Formbricks is your go-to solution for in-product micro-surveys that will supercharge your product experience! 🚀 For more information please check out formbricks.com.

How to use this library

  1. Install the Formbricks package inside your project using npm:
npm install -s @formbricks/js
  1. Import Formbricks and initialize the widget in your main component (e.g., App.tsx or App.js):
import formbricks from "@formbricks/js";

if (typeof window !== "undefined") {
  formbricks.init({
    environmentId: "your-environment-id",
    apiHost: "https://app.formbricks.com",
  });
}

Replace your-environment-id with your actual environment ID. You can find your environment ID in the Setup Checklist in the Formbricks settings.

For more detailed guides for different frameworks, check out our Next.js and Vue.js guides.