{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"Frigade Engage","colors":{"primary":"#0170F8","light":"#17A9F9","dark":"#1257BB"},"logo":{"light":"https://mintcdn.com/frigade-docs/vb0YqHQGpTytLgI7/logo/logo.svg?fit=max\u0026auto=format\u0026n=vb0YqHQGpTytLgI7\u0026q=85\u0026s=bb32bda7ce2b46dde51fc35a3998cba6","dark":"https://mintcdn.com/frigade-docs/vb0YqHQGpTytLgI7/logo/logo.svg?fit=max\u0026auto=format\u0026n=vb0YqHQGpTytLgI7\u0026q=85\u0026s=bb32bda7ce2b46dde51fc35a3998cba6"},"favicon":"https://mintcdn.com/frigade-docs/7j7O5wbAiLBomVEP/favicon.svg?fit=max\u0026auto=format\u0026n=7j7O5wbAiLBomVEP\u0026q=85\u0026s=335a4700968aa9af1b838c533976c561","api":{"mdx":{"auth":{"method":"bearer"},"server":"https://api.frigade.com"}},"background":{"color":{"dark":"#020417"}},"navbar":{"links":[{"href":"https://frigade.com","label":"Website"}],"primary":{"type":"button","label":"Get Started","href":"https://app.frigade.com/"}},"footer":{"socials":{"twitter":"https://twitter.com/FrigadeHQ","github":"https://github.com/FrigadeHQ","linkedin":"https://www.linkedin.com/company/frigade","website":"https://frigade.com/"}},"styling":{"codeblocks":"system","latex":false},"integrations":{"ga4":{"measurementId":"G-WL6B5EKN4K"},"gtm":{"tagId":"G-WL6B5EKN4K"},"koala":{"publicApiKey":"pk_211a1bb6ecee2b11dbe259ec95f3f88a66f1"},"posthog":{"apiKey":"phc_V9yoG0UsQv5NJo5d1kXlgSoftbP9wfVbj7cUIKCzgZ","apiHost":"https://api2.frigade.com"}},"navigation":{"global":{"anchors":[{"anchor":"Frigade AI","icon":"sparkle","href":"https://frigade.ai"},{"anchor":"Coding Agent Skill","icon":"terminal","href":"https://github.com/FrigadeHQ/frigade-engage-skill"},{"anchor":"React SDK Demo","icon":"laptop","href":"https://demo.frigade.com"},{"anchor":"Figma UI Kit","icon":"pen-nib","href":"https://www.figma.com/community/file/1311771082704525565/frigade-product-onboarding-ui-components"},{"anchor":"Onboarding Examples","icon":"graduation-cap","href":"https://productonboarding.com"}]},"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"frigade-docs","hasAudioNarration":false,"actualSubdomain":"frigade-docs","customDomains":["engage-docs.frigade.com"],"gitSource":{"type":"github","owner":"frigadehq","repo":"docs","deployBranch":"main","contentDirectory":"","isPrivate":true,"mountPath":"","label":""},"chroma":{"liveDeploymentHistoryId":"6ac9487ffbef690c343cd039","collectionId":"1dfe1e1d-ec79-4567-ba2a-b473939a57e2","schemaVersion":"v3","latestBuiltDeploymentHistoryId":"6ac9487ffbef690c343cd039"},"entitlements":{"AI_CHAT":{"status":"DISABLED"}},"buildId":"6ac9487ffbef690c343cd039","clientVersion":"0.0.4005","searchFilterCounts":[{"language":"default","tag":"Platform","count":23},{"language":"default","tag":"Components","count":22},{"language":"default","tag":"Integrations","count":20},{"language":"default","tag":"SDK","count":20},{"language":"default","tag":"API","count":16},{"language":"default","tag":"React SDK","count":11},{"language":"default","tag":"Guides","count":10},{"language":"default","tag":"Component Guides","count":9},{"language":"default","tag":"Advanced","count":8},{"language":"default","tag":"Flows","count":6}]},"assistantConfig":{},"basePath":"","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-v7-file-tree","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"pause-universal-search-reconcile","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"per-site-search-delta","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-private-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-nav-generations","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"byok-sep-25","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"vite-origin","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-agent-model-picker","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-updated-9-15","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":false},"customCss":[{"filePath":"style.css","content":"hr{margin-bottom:1.5rem!important}"}],"page":{"pagePath":"guides/form-video-demo","slug":"/guides/form-video-demo","pageMetadata":{"title":"Guide: Building Slack-Integrated Forms","sidebarTitle":"Form with Slack","description":"In this video, we show you how to build a Form with React, Frigade, and Next.js and how to send the form data to Slack.","href":"/guides/form-video-demo"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"In this video, we show you how to build a Form with React, Frigade, and Next.js and how to send the form data to Slack.\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={a:`a`,em:`em`,li:`li`,ul:`ul`,..._provideComponents(),...props.components},{Heading,OptimizedFrame}=_components;if(!Heading)_missingMdxReference(`Heading`,true);if(!OptimizedFrame)_missingMdxReference(`OptimizedFrame`,true);return _jsxs(_Fragment,{children:[_jsx(OptimizedFrame,{width:`100%`,height:`355`,src:`https://www.youtube.com/embed/RxWUXCg9kaQ?si=LaML4V080pSN8pPB`,title:`YouTube video player`,frameBorder:`0`,allow:`accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share`,referrerPolicy:`strict-origin-when-cross-origin`,allowFullScreen:true}),`\n`,_jsx(Heading,{level:`2`,id:`resources`,children:`Resources`}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsx(_components.li,{children:_jsx(_components.em,{children:_jsx(_components.a,{href:`/sdk/quickstart`,children:`Quickstart guide`})})}),`\n`,_jsx(_components.li,{children:_jsx(_components.em,{children:_jsx(_components.a,{href:`/component/form`,children:`Form component`})})}),`\n`,_jsx(_components.li,{children:_jsx(_components.em,{children:_jsx(_components.a,{href:`/integrations/slack`,children:`Slack integration`})})}),`\n`,_jsx(_components.li,{children:_jsx(_components.em,{children:_jsx(_components.a,{href:`/sdk/styling/css-overrides`,children:`Styling components`})})}),`\n`,_jsx(_components.li,{children:_jsx(_components.em,{children:_jsx(_components.a,{href:`/guides/`,children:`Component setup guides`})})}),`\n`]})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"codeStyling":"system","config":{},"pageMetadata":{"title":"Guide: Building Slack-Integrated Forms","sidebarTitle":"Form with Slack","description":"In this video, we show you how to build a Form with React, Frigade, and Next.js and how to send the form data to Slack.","href":"/guides/form-video-demo"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Resources","slug":"resources","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":["/_mintlify/custom/frigade-docs/5031d828fe48622e/scripts/generate-docs.js","/_mintlify/custom/frigade-docs/982f777a274e3879/scripts/extract-docs.js","/_mintlify/custom/frigade-docs/317a2b3031091a10/scripts/combine-docs-to-one.js"],"subdomain":"frigade-docs","siteName":"Frigade Engage","title":"Guide: Building Slack-Integrated Forms - Frigade Engage","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2025-12-01T20:42:23.859Z","originalFileLocation":"guides/form-video-demo.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"In this video, we show you how to build a Form with React, Frigade, and Next.js and how to send the form data to Slack.\">\u003cmeta data-mint-head name=\"application-name\" content=\"Frigade Engage\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/frigade-docs/DJl2tMra70dsLuwC/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/frigade-docs/DJl2tMra70dsLuwC/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/frigade-docs/DJl2tMra70dsLuwC/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/frigade-docs/DJl2tMra70dsLuwC/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/frigade-docs/DJl2tMra70dsLuwC/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/frigade-docs/DJl2tMra70dsLuwC/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/frigade-docs/DJl2tMra70dsLuwC/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/frigade-docs/DJl2tMra70dsLuwC/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/frigade-docs/DJl2tMra70dsLuwC/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Guide: Building Slack-Integrated Forms - Frigade Engage\">\u003cmeta data-mint-head property=\"og:description\" content=\"In this video, we show you how to build a Form with React, Frigade, and Next.js and how to send the form data to Slack.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Frigade Engage\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://engage-docs.frigade.com/guides/form-video-demo\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://frigade-docs.mintlify.app/_mintlify/api/og/v2?division=Component+Guides\u0026amp;title=Guide%3A+Building+Slack-Integrated+Forms\u0026amp;description=In+this+video%2C+we+show+you+how+to+build+a+Form+with+React%2C+Frigade%2C+and+Next.js+and+how+to+send+the+form+data+to+Slack.\u0026amp;theme=31ee5e393e9bba621192f5e7\u0026amp;signature=df4007a9d6804630257d6d8f248a9a578fd399843f860c2d4a13116646d0f86d\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Guide: Building Slack-Integrated Forms - Frigade Engage\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"In this video, we show you how to build a Form with React, Frigade, and Next.js and how to send the form data to Slack.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://frigade-docs.mintlify.app/_mintlify/api/og/v2?division=Component+Guides\u0026amp;title=Guide%3A+Building+Slack-Integrated+Forms\u0026amp;description=In+this+video%2C+we+show+you+how+to+build+a+Form+with+React%2C+Frigade%2C+and+Next.js+and+how+to+send+the+form+data+to+Slack.\u0026amp;theme=31ee5e393e9bba621192f5e7\u0026amp;signature=df4007a9d6804630257d6d8f248a9a578fd399843f860c2d4a13116646d0f86d\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/frigade-docs/DJl2tMra70dsLuwC/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Frigade Engage\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#0170F8\">\u003clink data-mint-head rel=\"canonical\" href=\"https://engage-docs.frigade.com/guides/form-video-demo\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/guides/form-video-demo.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://engage-docs.frigade.com/#organization\",\"name\":\"Frigade Engage\",\"url\":\"https://engage-docs.frigade.com\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/frigade-docs/vb0YqHQGpTytLgI7/logo/logo.svg?fit=max\u0026auto=format\u0026n=vb0YqHQGpTytLgI7\u0026q=85\u0026s=bb32bda7ce2b46dde51fc35a3998cba6\"}},{\"@type\":\"WebSite\",\"@id\":\"https://engage-docs.frigade.com#website\",\"name\":\"Frigade Engage\",\"url\":\"https://engage-docs.frigade.com\",\"publisher\":{\"@id\":\"https://engage-docs.frigade.com/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://engage-docs.frigade.com/guides/form-video-demo#webpage\",\"url\":\"https://engage-docs.frigade.com/guides/form-video-demo\",\"name\":\"Guide: Building Slack-Integrated Forms\",\"description\":\"In this video, we show you how to build a Form with React, Frigade, and Next.js and how to send the form data to Slack.\",\"dateModified\":\"2025-12-01T20:42:23.859Z\",\"isPartOf\":{\"@id\":\"https://engage-docs.frigade.com#website\"},\"breadcrumb\":{\"@id\":\"https://engage-docs.frigade.com/guides/form-video-demo#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://engage-docs.frigade.com/guides/form-video-demo#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Component Guides\",\"item\":\"https://engage-docs.frigade.com/guides/announcements\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Guide: Building Slack-Integrated Forms\",\"item\":\"https://engage-docs.frigade.com/guides/form-video-demo\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://engage-docs.frigade.com/guides/form-video-demo#article\",\"headline\":\"Guide: Building Slack-Integrated Forms\",\"name\":\"Guide: Building Slack-Integrated Forms\",\"description\":\"In this video, we show you how to build a Form with React, Frigade, and Next.js and how to send the form data to Slack.\",\"url\":\"https://engage-docs.frigade.com/guides/form-video-demo\",\"mainEntityOfPage\":{\"@id\":\"https://engage-docs.frigade.com/guides/form-video-demo#webpage\"},\"dateModified\":\"2025-12-01T20:42:23.859Z\",\"publisher\":{\"@id\":\"https://engage-docs.frigade.com/#organization\"},\"isPartOf\":{\"@id\":\"https://engage-docs.frigade.com#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Frigade Engage\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"Frigade Engage","nav":{"global":{"anchors":[{"anchor":"Frigade AI","icon":"sparkle","href":"https://frigade.ai"},{"anchor":"Coding Agent Skill","icon":"terminal","href":"https://github.com/FrigadeHQ/frigade-engage-skill"},{"anchor":"React SDK Demo","icon":"laptop","href":"https://demo.frigade.com"},{"anchor":"Figma UI Kit","icon":"pen-nib","href":"https://www.figma.com/community/file/1311771082704525565/frigade-product-onboarding-ui-components"},{"anchor":"Onboarding Examples","icon":"graduation-cap","href":"https://productonboarding.com"}]},"tabs":[{"tab":"Platform","pages":[{"title":"Platform","href":"/overview"}]},{"tab":"Components","pages":[{"title":"Components","href":"/component/overview"}]},{"tab":"SDK","pages":[{"title":"SDK","href":"/sdk/overview"}]},{"tab":"API","pages":[{"title":"API","href":"/api-reference/authorization"}]},{"tab":"Guides","groups":[{"group":"Component Guides","pages":[{"title":"Guide: Product Announcements","sidebarTitle":"Announcements","href":"/guides/announcements"},{"title":"Guide: Cards and Banners","sidebarTitle":"Cards and Banners","href":"/guides/cards-video-demo"},{"group":"Custom Components","pages":[{"title":"Flow Component","sidebarTitle":"Flow Component","href":"/guides/custom/flow-component"},{"title":"useFlow Hook","sidebarTitle":"useFlow Hook","href":"/guides/custom/useflow-hook"},{"title":"JavaScript SDK","sidebarTitle":"JavaScript SDK","href":"/guides/custom/js-sdk"},{"title":"Using Custom Components in Collections","sidebarTitle":"Collections","description":null,"href":"/guides/custom/collections"}]},{"title":"Guide: Building Slack-Integrated Forms","sidebarTitle":"Form with Slack","href":"/guides/form-video-demo"},{"title":"Guide: Build a 'New' Badge","sidebarTitle":"New Feature Badge","description":"In this video, we show you how to build a 'New' badge with React and Frigade.","href":"/guides/new-badge-video-demo"},{"sidebarTitle":"Product Tours \u0026 Hints","title":"Guide: Product Tours \u0026 Hints","href":"/guides/tours"}]},{"group":"Additional Guides","pages":[{"title":"Guide: Targeting New Users","sidebarTitle":"Targeting New Users","href":"/guides/only-target-new-users"}]}]},{"tab":"Integrations","pages":[{"title":"Integrations","href":"/integrations/overview"}]}]},"title":"Guide: Building Slack-Integrated Forms - Frigade Engage","buildId":"dpl_48qhjNLiu9iJQQSZJz9Fa2ihBbPH","deploymentId":"dpl_48qhjNLiu9iJQQSZJz9Fa2ihBbPH","dynamics":[],"chunks":[]}