<CardForm title="Your Name" description="This will be your display name on TurboStack.io" helpText="Max 64 characters." inputAttrs={{ // all attributes from input file name: 'name', placeholder: 'Steve Wozniak' }} handleSubmit={async (e) => {}}/>
{"docsConfig":{"$schema":"https://mintlify.com/docs.json","theme":"mint","name":"TurboStack","colors":{"primary":"#4069e2","light":"#40BCE3","dark":"#4069e2"},"favicon":"/logo/light.svg","logo":{"light":"https://mintcdn.com/ravitechsolutions/jCk1IPeJr8ul3nyO/logo/light.svg?fit=max\u0026auto=format\u0026n=jCk1IPeJr8ul3nyO\u0026q=85\u0026s=af0f68a513e3abcdce2c0f272bc271c7","dark":"https://mintcdn.com/ravitechsolutions/jCk1IPeJr8ul3nyO/logo/dark.svg?fit=max\u0026auto=format\u0026n=jCk1IPeJr8ul3nyO\u0026q=85\u0026s=25a9768f814c469ad839511fd85dbfe7"},"appearance":{"default":"light","strict":true},"navbar":{"links":[{"label":"Support","href":"mailto:vitor@turbostack.io"}],"primary":{"type":"button","label":"Get TurboStack","href":"https://turbostack.io"}},"footer":{"socials":{"x":"https://x.com/medeiro_tech"}},"navigation":{"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"ravitechsolutions","hasAudioNarration":false,"actualSubdomain":"ravitechsolutions","customDomains":["docs.turbostack.io"],"gitSource":{"type":"github","owner":"turbostackinc","repo":"turbostack.io","deployBranch":"main","contentDirectory":"apps/docs","isPrivate":true,"mountPath":"","label":""},"chroma":{"liveDeploymentHistoryId":"6a20c5e41b16b350b6562021","collectionId":"b3c63122-aa16-4a12-8c07-87cb899edc33","schemaVersion":"v2"},"entitlements":{},"buildId":"6a20c5e41b16b350b6562021:success","clientVersion":"0.0.4044","searchFilterCounts":[{"language":"default","tag":"Documentation","count":35},{"language":"default","tag":"Components","count":20},{"language":"default","tag":"Features","count":6},{"language":"default","tag":"Tutorials","count":6},{"language":"default","tag":"Go Live at Turbo Speed","count":3}]},"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":"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":"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":"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":"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":"sso-setup-deadline-banner","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"components/card-form","slug":"/components/card-form","pageMetadata":{"title":"Card Form","description":null,"href":"/components/card-form"},"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={code:`code`,p:`p`,pre:`pre`,span:`span`,..._provideComponents(),...props.components},{CodeBlock,Heading,OptimizedImage}=_components;if(!CodeBlock)_missingMdxReference(`CodeBlock`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);return _jsxs(_Fragment,{children:[_jsxs(_components.p,{children:[_jsx(_components.code,{children:`CardForm`}),` is a form component that has a header, a list of inputs and a footer that looks like a card from Vercel dashboard page.`]}),`\n`,_jsx(OptimizedImage,{src:`https://mintcdn.com/ravitechsolutions/jCk1IPeJr8ul3nyO/images/components/card-form.png?fit=max\u0026auto=format\u0026n=jCk1IPeJr8ul3nyO\u0026q=85\u0026s=3c9af378478cee8bc8ed3e5a07766f2e`,alt:`Card Form Component`,\"data-og-width\":`775`,width:`775`,\"data-og-height\":`257`,height:`257`,\"data-path\":`images/components/card-form.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/ravitechsolutions/jCk1IPeJr8ul3nyO/images/components/card-form.png?w=280\u0026fit=max\u0026auto=format\u0026n=jCk1IPeJr8ul3nyO\u0026q=85\u0026s=2c3d24395997a8e3a418f3ed5bb88ea2 280w, https://mintcdn.com/ravitechsolutions/jCk1IPeJr8ul3nyO/images/components/card-form.png?w=560\u0026fit=max\u0026auto=format\u0026n=jCk1IPeJr8ul3nyO\u0026q=85\u0026s=3c8a950ab049bd8691161cf6c927eb0a 560w, https://mintcdn.com/ravitechsolutions/jCk1IPeJr8ul3nyO/images/components/card-form.png?w=840\u0026fit=max\u0026auto=format\u0026n=jCk1IPeJr8ul3nyO\u0026q=85\u0026s=83333f0a7c29a51338d8befa3660bbcb 840w, https://mintcdn.com/ravitechsolutions/jCk1IPeJr8ul3nyO/images/components/card-form.png?w=1100\u0026fit=max\u0026auto=format\u0026n=jCk1IPeJr8ul3nyO\u0026q=85\u0026s=11cbb5b746d1e1fdae9e614b39a1b52d 1100w, https://mintcdn.com/ravitechsolutions/jCk1IPeJr8ul3nyO/images/components/card-form.png?w=1650\u0026fit=max\u0026auto=format\u0026n=jCk1IPeJr8ul3nyO\u0026q=85\u0026s=51b15778dfe60538dc236ac46628f50e 1650w, https://mintcdn.com/ravitechsolutions/jCk1IPeJr8ul3nyO/images/components/card-form.png?w=2500\u0026fit=max\u0026auto=format\u0026n=jCk1IPeJr8ul3nyO\u0026q=85\u0026s=acdd52e2e1a22747907d8641df85cfbe 2500w`}),`\n`,_jsx(Heading,{level:`2`,id:`usage`,children:`Usage`}),`\n`,_jsx(CodeBlock,{filename:``,numberOfLines:`1`,language:`typescript`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`typescript`,children:_jsxs(_components.code,{language:`typescript`,numberOfLines:`1`,children:[_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#C586C0`},children:`import`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:` { `}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`CardForm`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:` } `}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#C586C0`},children:`from`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` '@turbostack/ui'`})]}),`\n`]})})}),`\n`,_jsx(CodeBlock,{filename:``,numberOfLines:`10`,language:`tsx`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`tsx`,children:_jsxs(_components.code,{language:`tsx`,numberOfLines:`10`,children:[_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`\u003c`}),_jsx(_components.span,{style:{color:`#116329`,\"--shiki-dark\":`#4EC9B0`},children:`CardForm`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` title`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"Your Name\"`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` description`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"This will be your display name on TurboStack.io\"`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` helpText`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"Max 64 characters.\"`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` inputAttrs`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`{`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`{ `}),_jsx(_components.span,{style:{color:`#6E7781`,\"--shiki-dark\":`#6A9955`},children:`// all attributes from input file`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:` name:`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` 'name'`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`,`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:` placeholder:`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` 'Steve Wozniak'`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:` }`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`}`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` handleSubmit`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`{async`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:` (`}),_jsx(_components.span,{style:{color:`#953800`,\"--shiki-dark\":`#9CDCFE`},children:`e`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`) `}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`=>`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:` {}`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`}`})]}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`/>`})}),`\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":{"config":{},"pageMetadata":{"title":"Card Form","description":null,"href":"/components/card-form"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Usage","slug":"usage","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"ravitechsolutions","siteName":"TurboStack","title":"Card Form - TurboStack","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-01-07T03:59:34.566Z","originalFileLocation":"components/card-form.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=\"light\";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=\"light\"}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=\"application-name\" content=\"TurboStack\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/ravitechsolutions/rFznui0tYjxK4C3b/_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/ravitechsolutions/rFznui0tYjxK4C3b/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/ravitechsolutions/rFznui0tYjxK4C3b/_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/ravitechsolutions/rFznui0tYjxK4C3b/_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/ravitechsolutions/rFznui0tYjxK4C3b/_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/ravitechsolutions/rFznui0tYjxK4C3b/_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/ravitechsolutions/rFznui0tYjxK4C3b/_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/ravitechsolutions/rFznui0tYjxK4C3b/_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/ravitechsolutions/rFznui0tYjxK4C3b/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Card Form - TurboStack\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"TurboStack\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.turbostack.io/components/card-form\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://ravitechsolutions.mintlify.app/_mintlify/api/og/v2?division=Components\u0026amp;title=Card+Form\u0026amp;theme=d7c15f9a8d31f6da03793a4c\u0026amp;signature=81f9c207d852e93f4c460fd3c44a1a3ee02968a6257194b67788ba3d5030fd16\">\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=\"Card Form - TurboStack\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://ravitechsolutions.mintlify.app/_mintlify/api/og/v2?division=Components\u0026amp;title=Card+Form\u0026amp;theme=d7c15f9a8d31f6da03793a4c\u0026amp;signature=81f9c207d852e93f4c460fd3c44a1a3ee02968a6257194b67788ba3d5030fd16\">\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/ravitechsolutions/rFznui0tYjxK4C3b/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"TurboStack\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#4069e2\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.turbostack.io/components/card-form\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/components/card-form.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.turbostack.io/#organization\",\"name\":\"TurboStack\",\"url\":\"https://docs.turbostack.io\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/ravitechsolutions/jCk1IPeJr8ul3nyO/logo/light.svg?fit=max\u0026auto=format\u0026n=jCk1IPeJr8ul3nyO\u0026q=85\u0026s=af0f68a513e3abcdce2c0f272bc271c7\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.turbostack.io#website\",\"name\":\"TurboStack\",\"url\":\"https://docs.turbostack.io\",\"publisher\":{\"@id\":\"https://docs.turbostack.io/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.turbostack.io/components/card-form#webpage\",\"url\":\"https://docs.turbostack.io/components/card-form\",\"name\":\"Card Form\",\"dateModified\":\"2026-01-07T03:59:34.566Z\",\"isPartOf\":{\"@id\":\"https://docs.turbostack.io#website\"},\"breadcrumb\":{\"@id\":\"https://docs.turbostack.io/components/card-form#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.turbostack.io/components/card-form#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Components\",\"item\":\"https://docs.turbostack.io/components/accordion\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Card Form\",\"item\":\"https://docs.turbostack.io/components/card-form\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.turbostack.io/components/card-form#article\",\"headline\":\"Card Form\",\"name\":\"Card Form\",\"url\":\"https://docs.turbostack.io/components/card-form\",\"mainEntityOfPage\":{\"@id\":\"https://docs.turbostack.io/components/card-form#webpage\"},\"dateModified\":\"2026-01-07T03:59:34.566Z\",\"publisher\":{\"@id\":\"https://docs.turbostack.io/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.turbostack.io#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"TurboStack\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"TurboStack","nav":{"global":null,"anchors":[{"anchor":"Documentation","icon":"book-open","groups":[{"group":"Go Live at Turbo Speed","pages":[{"title":"Get started","href":"/get-started"},{"title":"Ship in 5 minutes 🚀","href":"/ship-in-five"},{"title":"Deploy your application","href":"/deployment"}]},{"group":"Tutorials","pages":[{"title":"Setup your enviroment","href":"/tutorials/setup-dev-environment"},{"title":"Change your theme","href":"/tutorials/change-base-theme"},{"title":"Authentication","href":"/tutorials/authentication"},{"title":"Private Pages","href":"/tutorials/private-pages"},{"title":"API Routes","href":"/tutorials/api-routes"},{"title":"Payments with Stripe","href":"/tutorials/stripe-subscriptions"}]},{"group":"Features","pages":[{"title":"Database","href":"/features/database"},{"title":"E-mails","href":"/features/emails"},{"title":"Authentication Methods","href":"/features/authentication-methods"},{"title":"Customer support with Crisp","href":"/features/customer-support"},{"title":"Rate Limiting your API","href":"/features/ratelimit"},{"title":"Documentation with Mintlify","href":"/features/mintlify-documentation"}]},{"group":"Components","pages":[{"title":"Accordion","href":"/components/accordion"},{"title":"Avatar","href":"/components/avatar"},{"title":"Badge","href":"/components/badge"},{"title":"Button","href":"/components/button"},{"title":"Calendar","description":null,"href":"/components/calendar"},{"title":"Card Form","href":"/components/card-form"},{"title":"Card","description":null,"href":"/components/card"},{"title":"Date Range Picker","href":"/components/date-range-picker"},{"title":"Dialog","href":"/components/dialog"},{"title":"Feature Single","href":"/components/feature-single"},{"title":"Input","href":"/components/input"},{"title":"Label","href":"/components/label"},{"title":"Navbar","href":"/components/navbar"},{"title":"Popover","href":"/components/popover"},{"title":"Progress","href":"/components/progress"},{"title":"Rating","href":"/components/rating"},{"title":"Select","href":"/components/select"},{"title":"Skeleton","href":"/components/skeleton"},{"title":"Slider","href":"/components/slider"},{"title":"Switch","href":"/components/switch"}]}]},{"anchor":"TurboStack Repository","href":"https://github.com/turbostackinc/turbostack","icon":"code"},{"anchor":"Support","href":"mailto:vitor@turbostack.io","icon":"envelope"}]},"basePath":"","title":"Card Form - TurboStack","buildId":"dpl_DeHjVRGfFnhYQwHnfC2pjeXXv8h9","deploymentId":"dpl_DeHjVRGfFnhYQwHnfC2pjeXXv8h9","dynamics":["a74be98ba7"],"chunks":["zoom-image-lightbox-BG6oD64b.js","lightbox-handle-r17bVUz3.js"]}