Whoops not ready yet! This page is still to be written.
Was this page helpful?
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"OpnForm Technical Docs","colors":{"primary":"#3b82f6","light":"#60a5fa","dark":"#2563eb"},"logo":{"light":"https://mintcdn.com/opnform/OUqYLvFvGemD8lSt/logo.svg?fit=max\u0026auto=format\u0026n=OUqYLvFvGemD8lSt\u0026q=85\u0026s=60c8619bcad52d227a058cc4a5f06955","dark":"https://mintcdn.com/opnform/OUqYLvFvGemD8lSt/logo.svg?fit=max\u0026auto=format\u0026n=OUqYLvFvGemD8lSt\u0026q=85\u0026s=60c8619bcad52d227a058cc4a5f06955"},"favicon":"https://mintcdn.com/opnform/OUqYLvFvGemD8lSt/logo.svg?fit=max\u0026auto=format\u0026n=OUqYLvFvGemD8lSt\u0026q=85\u0026s=60c8619bcad52d227a058cc4a5f06955","navbar":{"links":[{"href":"https://opnform.com?utm_source=docs\u0026utm_medium=topbar\u0026utm_campaign=technical_docs","label":"OpnForm"},{"href":"https://github.com/OpnForm/OpnForm","label":"GitHub"}],"primary":{"type":"button","label":"Dashboard","href":"https://opnform.com"}},"footer":{"socials":{"twitter":"https://twitter.com/opnform","github":"https://github.com/OpnForm/OpnForm"}},"styling":{"latex":false},"navigation":{"global":{"anchors":[{"anchor":"Product Documentation","icon":"book-open-cover","href":"https://help.opnform.com"},{"anchor":"Community","icon":"discord","href":"https://discord.gg/YTSjU2a9TS"},{"anchor":"Changelog","icon":"sparkles","href":"https://feedback.opnform.com/changelog"},{"anchor":"Roadmap","icon":"road","href":"https://feedback.opnform.com/roadmap"}]},"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"opnform","hasAudioNarration":false,"actualSubdomain":"opnform","customDomains":["docs.opnform.com"],"gitSource":{"type":"github","owner":"opnform","repo":"opnform","deployBranch":"main","contentDirectory":"docs","isPrivate":true,"mountPath":"","label":""},"feedback":{"edits":true,"thumbs":true},"entitlements":{},"buildId":"6aed9fb0a20df64791616a5e","clientVersion":"0.0.4087","searchFilterCounts":[{"language":"default","tag":"API Reference","count":38},{"language":"default","tag":"Documentation","count":29},{"language":"default","tag":"Contributing","count":11},{"language":"default","tag":"Configuration","count":9},{"language":"default","tag":"Integrations","count":8},{"language":"default","tag":"Workspace Users","count":8},{"language":"default","tag":"Self-hosted Enterprise","count":7},{"language":"default","tag":"Submissions","count":6},{"language":"default","tag":"Deployment","count":6},{"language":"default","tag":"Forms","count":5}]},"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":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"rbac-expansion","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":"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":"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":"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":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"full-page-search","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":"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":"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":"turbopuffer-dual-write","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},{"name":"approve-review-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-metadata","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"sso-setup-deadline-banner","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-serve","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"live-agents","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"comment-mode","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"contributing/new-form-block","slug":"/contributing/new-form-block","pageMetadata":{"title":"Creating a New Form Block","description":"Learn how to create a new form block for OpnForm","href":"/contributing/new-form-block"},"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: \"Learn how to create a new form block for OpnForm\"\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{jsx:_jsx}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const{Warning}={..._provideComponents(),...props.components};if(!Warning)_missingMdxReference(`Warning`,true);return _jsx(Warning,{children:`Whoops not ready yet! This page is still to be written.`})}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":{"config":{},"pageMetadata":{"title":"Creating a New Form Block","description":"Learn how to create a new form block for OpnForm","href":"/contributing/new-form-block"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[],"codeExamples":{}},"jsLinks":[],"subdomain":"opnform","siteName":"OpnForm Technical Docs","title":"Creating a New Form Block - OpnForm Technical Docs","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2025-09-01T16:00:40.142Z","originalFileLocation":"contributing/new-form-block.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=\"Learn how to create a new form block for OpnForm\">\u003cmeta data-mint-head name=\"application-name\" content=\"OpnForm Technical Docs\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/opnform/j_5DxxKW6ps4uqTV/_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/opnform/j_5DxxKW6ps4uqTV/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/opnform/j_5DxxKW6ps4uqTV/_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/opnform/j_5DxxKW6ps4uqTV/_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/opnform/j_5DxxKW6ps4uqTV/_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/opnform/j_5DxxKW6ps4uqTV/_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/opnform/j_5DxxKW6ps4uqTV/_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/opnform/j_5DxxKW6ps4uqTV/_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/opnform/j_5DxxKW6ps4uqTV/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Creating a New Form Block - OpnForm Technical Docs\">\u003cmeta data-mint-head property=\"og:description\" content=\"Learn how to create a new form block for OpnForm\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"OpnForm Technical Docs\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.opnform.com/contributing/new-form-block\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://opnform.mintlify.site/_mintlify/api/og/v2?division=Contributing\u0026amp;title=Creating+a+New+Form+Block\u0026amp;description=Learn+how+to+create+a+new+form+block+for+OpnForm\u0026amp;theme=555c232e9f4f4ee565ee1c66\u0026amp;signature=e06bc6c203cb9b063bb57f86e67786daf542b1e5e6ed7ef3629c1aa9209d2b70\">\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=\"Creating a New Form Block - OpnForm Technical Docs\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Learn how to create a new form block for OpnForm\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://opnform.mintlify.site/_mintlify/api/og/v2?division=Contributing\u0026amp;title=Creating+a+New+Form+Block\u0026amp;description=Learn+how+to+create+a+new+form+block+for+OpnForm\u0026amp;theme=555c232e9f4f4ee565ee1c66\u0026amp;signature=e06bc6c203cb9b063bb57f86e67786daf542b1e5e6ed7ef3629c1aa9209d2b70\">\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/opnform/j_5DxxKW6ps4uqTV/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"OpnForm Technical Docs\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#3b82f6\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.opnform.com/contributing/new-form-block\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/contributing/new-form-block.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.opnform.com/#organization\",\"name\":\"OpnForm Technical Docs\",\"url\":\"https://docs.opnform.com\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/opnform/OUqYLvFvGemD8lSt/logo.svg?fit=max\u0026auto=format\u0026n=OUqYLvFvGemD8lSt\u0026q=85\u0026s=60c8619bcad52d227a058cc4a5f06955\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.opnform.com#website\",\"name\":\"OpnForm Technical Docs\",\"url\":\"https://docs.opnform.com\",\"publisher\":{\"@id\":\"https://docs.opnform.com/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.opnform.com/contributing/new-form-block#webpage\",\"url\":\"https://docs.opnform.com/contributing/new-form-block\",\"name\":\"Creating a New Form Block\",\"description\":\"Learn how to create a new form block for OpnForm\",\"dateModified\":\"2025-09-01T16:00:40.142Z\",\"isPartOf\":{\"@id\":\"https://docs.opnform.com#website\"},\"breadcrumb\":{\"@id\":\"https://docs.opnform.com/contributing/new-form-block#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.opnform.com/contributing/new-form-block#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Contributing\",\"item\":\"https://docs.opnform.com/contributing/getting-started\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Creating a New Form Block\",\"item\":\"https://docs.opnform.com/contributing/new-form-block\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.opnform.com/contributing/new-form-block#article\",\"headline\":\"Creating a New Form Block\",\"name\":\"Creating a New Form Block\",\"description\":\"Learn how to create a new form block for OpnForm\",\"url\":\"https://docs.opnform.com/contributing/new-form-block\",\"mainEntityOfPage\":{\"@id\":\"https://docs.opnform.com/contributing/new-form-block#webpage\"},\"dateModified\":\"2025-09-01T16:00:40.142Z\",\"publisher\":{\"@id\":\"https://docs.opnform.com/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.opnform.com#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"OpnForm Technical Docs\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"OpnForm Technical Docs","nav":{"global":{"anchors":[{"anchor":"Product Documentation","icon":"book-open-cover","href":"https://help.opnform.com"},{"anchor":"Community","icon":"discord","href":"https://discord.gg/YTSjU2a9TS"},{"anchor":"Changelog","icon":"sparkles","href":"https://feedback.opnform.com/changelog"},{"anchor":"Roadmap","icon":"road","href":"https://feedback.opnform.com/roadmap"}]},"tabs":[{"tab":"Documentation","pages":[{"title":"Documentation","href":"/introduction"}]},{"tab":"API Reference","pages":[{"title":"API Reference","href":"/api-reference/introduction"}]},{"tab":"Contributing","groups":[{"group":"Contributing","pages":[{"title":"Getting Started","href":"/contributing/getting-started"},{"title":"Authentication architecture","description":"Understand when OpnForm uses JWT, Sanctum personal access tokens, and Passport OAuth 2.1.","href":"/contributing/authentication-architecture"},{"title":"Creating a New Form Block","href":"/contributing/new-form-block"},{"title":"Adding a New OAuth Integration","description":"Complete guide to implementing OAuth integrations in OpnForm with architecture overview, flow diagrams, and step-by-step implementation","href":"/contributing/new-integration"}]},{"group":"Front-end","pages":[{"title":"Data Fetching","href":"/front-end/data-fetching"},{"title":"Forms \u0026 Validation","href":"/front-end/forms"},{"title":"JavaScript SDK","href":"/front-end/javascript-sdk"}]}]}]},"basePath":"","title":"Creating a New Form Block - OpnForm Technical Docs","buildId":"dpl_FWZhTb2vab28gFGFH4ojka6qEznQ","deploymentId":"dpl_FWZhTb2vab28gFGFH4ojka6qEznQ","dynamics":[],"chunks":[]}
