mirror of
https://github.com/formbricks/formbricks.git
synced 2026-01-28 18:59:24 -06:00
59752f3ebe
* feat: styles ui * feat: handling brand color and position * schema update * survey type update * feat: local styles preview * prisma migration * feat: overriding global settings * fix: update wording * fix: do not show positioning in link mode * update wording * feat: new component for placement ui * fix: destructuring localsurvey * fix: overwritePosition optional * fix: brandcolor zod validation * feat: overwrite highlight border setting * update wording * merge conflit resolved * fix: minor review suggestions * fix: renamed localsurvey to survey * fix: db schema * fix comment in .env.example * fix build errors * fix: placement * fix getFirstEnvironmentByUserId function * fix build errors --------- Co-authored-by: Johannes <johannes@formbricks.com> Co-authored-by: Matthias Nannt <mail@matthiasnannt.com> Co-authored-by: pandeymangg <anshuman.pandey9999@gmail.com>
Formbricks Browser JS Library
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
- Install the Formbricks package inside your project using npm:
npm install -s @formbricks/js
- 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.