UI Foundations Kit reskins the MUI form control components, mainly the <FilledInput /> to obtain a distinct visual style.
Within the Kit are examples of input fields, text areas, image uploads, and radio groups like in the above image. All components provided by MUI are available for use as well, but with a nice, new look and feel.
{"docsConfig":{"$schema":"https://mintlify.com/docs.json","theme":"mint","name":"UI Foundations Kit","colors":{"primary":"#2563eb","light":"#3b82f6","dark":"#2563eb"},"favicon":"/favicon.svg","logo":{"light":"https://mintcdn.com/uifoundationskit/Wk6Bxr5jJVKk6EEL/logo/light.svg?fit=max\u0026auto=format\u0026n=Wk6Bxr5jJVKk6EEL\u0026q=85\u0026s=0ce44a1c6289df2b13bb60910a0d077a","dark":"https://mintcdn.com/uifoundationskit/Wk6Bxr5jJVKk6EEL/logo/dark.svg?fit=max\u0026auto=format\u0026n=Wk6Bxr5jJVKk6EEL\u0026q=85\u0026s=3164de9be5d213affce4222e7c9762fb"},"navbar":{"links":[{"label":"Support","href":"mailto:kylerobertgill+uifoundations@gmail.com"}],"primary":{"type":"button","label":"Buy Now","href":"https://mui.com/store/previews/ui-foundations-kit-saas-admin-dashboard-template/"}},"footer":{"socials":{"x":"https://x.com/uifoundations","github":"https://github.com/gillkyle"}},"navigation":{"global":{"anchors":[{"anchor":"Kit Components","href":"https://kit.uifoundations.com/components","icon":"book-open-cover"},{"anchor":"Live Demo","href":"https://demo.uifoundations.com","icon":"computer-classic"},{"anchor":"Buy Now","href":"https://mui.com/store/previews/ui-foundations-kit-saas-admin-dashboard-template/","icon":"cart-shopping"}]},"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"uifoundationskit","hasAudioNarration":false,"actualSubdomain":"uifoundationskit","customDomains":["docs.uifoundations.com"],"gitSource":{"type":"github","owner":"gillkyle","repo":"ui-docs","deployBranch":"main","contentDirectory":"","isPrivate":true,"mountPath":"","label":""},"chroma":{"liveDeploymentHistoryId":"6a20c5484a41910615814fd7","collectionId":"5378d982-b073-4d6e-bcca-915b7215daad","schemaVersion":"v2"},"entitlements":{},"buildId":"6a20c5484a41910615814fd7:success","clientVersion":"0.0.3908","searchFilterCounts":[{"language":"default","tag":"Documentation","count":44},{"language":"default","tag":"Kit Components by Category","count":24},{"language":"default","tag":"Tools \u0026 Modules","count":9},{"language":"default","tag":"Get Started","count":6},{"language":"default","tag":"Theme Tokens","count":5}]},"assistantConfig":{},"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":"editor-branches-v2-autocommit","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-branches-v2","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":"teamspace","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":"vite-origin","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":"editor-agent-model-picker","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"client-snapshot-docs-config","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}],"isAtlas":false,"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"tools/forms","slug":"/tools/forms","pageMetadata":{"title":"Forms","description":"Getting user input and managing form state","icon":"pen-field","href":"/tools/forms"},"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: \"Getting user input and managing form state\"\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={code:`code`,p:`p`,..._provideComponents(),...props.components},{Frame,OptimizedImage}=_components;if(!Frame)_missingMdxReference(`Frame`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);return _jsxs(_Fragment,{children:[_jsxs(_components.p,{children:[`UI Foundations Kit reskins the MUI form control components, mainly the `,_jsx(_components.code,{children:`\u003cFilledInput />`}),` to obtain a distinct visual style.`]}),`\n`,_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/uifoundationskit/Wk6Bxr5jJVKk6EEL/images/forms.png?fit=max\u0026auto=format\u0026n=Wk6Bxr5jJVKk6EEL\u0026q=85\u0026s=a296ae0368935ba877f48d6dc065bd68`,\"data-og-width\":`2268`,width:`2268`,\"data-og-height\":`2038`,height:`2038`,\"data-path\":`images/forms.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/uifoundationskit/Wk6Bxr5jJVKk6EEL/images/forms.png?w=280\u0026fit=max\u0026auto=format\u0026n=Wk6Bxr5jJVKk6EEL\u0026q=85\u0026s=58983cbd34d97f9fb7f6aec5bd0f4d0a 280w, https://mintcdn.com/uifoundationskit/Wk6Bxr5jJVKk6EEL/images/forms.png?w=560\u0026fit=max\u0026auto=format\u0026n=Wk6Bxr5jJVKk6EEL\u0026q=85\u0026s=8c404bac59ee2a373f0057effca921b0 560w, https://mintcdn.com/uifoundationskit/Wk6Bxr5jJVKk6EEL/images/forms.png?w=840\u0026fit=max\u0026auto=format\u0026n=Wk6Bxr5jJVKk6EEL\u0026q=85\u0026s=b0f34a769621f32b4418f082776e75a0 840w, https://mintcdn.com/uifoundationskit/Wk6Bxr5jJVKk6EEL/images/forms.png?w=1100\u0026fit=max\u0026auto=format\u0026n=Wk6Bxr5jJVKk6EEL\u0026q=85\u0026s=95b5c2eebb01a4cac6f935d4228818df 1100w, https://mintcdn.com/uifoundationskit/Wk6Bxr5jJVKk6EEL/images/forms.png?w=1650\u0026fit=max\u0026auto=format\u0026n=Wk6Bxr5jJVKk6EEL\u0026q=85\u0026s=7a05528e8e67072b8332fe6621820b09 1650w, https://mintcdn.com/uifoundationskit/Wk6Bxr5jJVKk6EEL/images/forms.png?w=2500\u0026fit=max\u0026auto=format\u0026n=Wk6Bxr5jJVKk6EEL\u0026q=85\u0026s=559cc07798157c07bfa409c4b4827199 2500w`})}),`\n`,_jsx(_components.p,{children:`Within the Kit are examples of input fields, text areas, image uploads, and radio groups like in the above image. All components provided by MUI are available for use as well, but with a nice, new look and feel.`})]})}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":"Forms","description":"Getting user input and managing form state","icon":"pen-field","href":"/tools/forms"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[],"codeExamples":{}},"jsLinks":[],"subdomain":"uifoundationskit","siteName":"UI Foundations Kit","title":"Forms - UI Foundations Kit","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-01-07T02:46:47.707Z","originalFileLocation":"tools/forms.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=\"Getting user input and managing form state\">\u003cmeta data-mint-head name=\"application-name\" content=\"UI Foundations Kit\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/uifoundationskit/0WctcRY98yftJsgM/_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/uifoundationskit/0WctcRY98yftJsgM/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/uifoundationskit/0WctcRY98yftJsgM/_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/uifoundationskit/0WctcRY98yftJsgM/_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/uifoundationskit/0WctcRY98yftJsgM/_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/uifoundationskit/0WctcRY98yftJsgM/_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/uifoundationskit/0WctcRY98yftJsgM/_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/uifoundationskit/0WctcRY98yftJsgM/_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/uifoundationskit/0WctcRY98yftJsgM/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Forms - UI Foundations Kit\">\u003cmeta data-mint-head property=\"og:description\" content=\"Getting user input and managing form state\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"UI Foundations Kit\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.uifoundations.com/tools/forms\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Forms - UI Foundations Kit\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Getting user input and managing form state\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/uifoundationskit/0WctcRY98yftJsgM/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"UI Foundations Kit\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#2563eb\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.uifoundations.com/tools/forms\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/tools/forms.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.uifoundations.com/#organization\",\"name\":\"UI Foundations Kit\",\"url\":\"https://docs.uifoundations.com\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/uifoundationskit/Wk6Bxr5jJVKk6EEL/logo/light.svg?fit=max\u0026auto=format\u0026n=Wk6Bxr5jJVKk6EEL\u0026q=85\u0026s=0ce44a1c6289df2b13bb60910a0d077a\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.uifoundations.com#website\",\"name\":\"UI Foundations Kit\",\"url\":\"https://docs.uifoundations.com\",\"publisher\":{\"@id\":\"https://docs.uifoundations.com/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.uifoundations.com/tools/forms#webpage\",\"url\":\"https://docs.uifoundations.com/tools/forms\",\"name\":\"Forms\",\"description\":\"Getting user input and managing form state\",\"dateModified\":\"2026-01-07T02:46:47.707Z\",\"isPartOf\":{\"@id\":\"https://docs.uifoundations.com#website\"},\"breadcrumb\":{\"@id\":\"https://docs.uifoundations.com/tools/forms#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.uifoundations.com/tools/forms#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Tools \u0026 Modules\",\"item\":\"https://docs.uifoundations.com/tools/dark-mode\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Forms\",\"item\":\"https://docs.uifoundations.com/tools/forms\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.uifoundations.com/tools/forms#article\",\"headline\":\"Forms\",\"name\":\"Forms\",\"description\":\"Getting user input and managing form state\",\"url\":\"https://docs.uifoundations.com/tools/forms\",\"mainEntityOfPage\":{\"@id\":\"https://docs.uifoundations.com/tools/forms#webpage\"},\"dateModified\":\"2026-01-07T02:46:47.707Z\",\"publisher\":{\"@id\":\"https://docs.uifoundations.com/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.uifoundations.com#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"UI Foundations Kit\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"UI Foundations Kit","nav":{"global":{"anchors":[{"anchor":"Kit Components","href":"https://kit.uifoundations.com/components","icon":"book-open-cover"},{"anchor":"Live Demo","href":"https://demo.uifoundations.com","icon":"computer-classic"},{"anchor":"Buy Now","href":"https://mui.com/store/previews/ui-foundations-kit-saas-admin-dashboard-template/","icon":"cart-shopping"}]},"anchors":[{"anchor":"Documentation","icon":"book-open","groups":[{"group":"Get Started","pages":[{"title":"Introduction","href":"/introduction"},{"title":"Quickstart","href":"/quickstart"},{"title":"Structure","href":"/structure"},{"title":"Deployment","href":"/deployment"},{"title":"Optimization","href":"/optimization"},{"title":"Integration","href":"/integration"}]},{"group":"Theme Tokens","pages":[{"title":"Colors","icon":"palette","href":"/essentials/colors"},{"title":"Typography","icon":"text-size","href":"/essentials/typography"},{"title":"Icons","icon":"icons","href":"/essentials/icons"},{"title":"Border Radius","icon":"square","href":"/essentials/radii"},{"title":"Shadows","icon":"grid","href":"/essentials/shadows"}]},{"group":"Tools \u0026 Modules","pages":[{"title":"Dark Mode","icon":"circle-half-stroke","href":"/tools/dark-mode"},{"title":"CMD + K","icon":"command","href":"/tools/cmdk"},{"title":"Data Grids","icon":"table","href":"/tools/data-grids"},{"title":"Tours \u0026 Walkthroughs","icon":"keyboard-brightness","href":"/tools/tours"},{"title":"Threshold Filters","icon":"filter-list","href":"/tools/filters"},{"title":"Help Menu","icon":"circle-question","href":"/tools/help-menu"},{"title":"Confirm Dialogs","description":"Confirm destructive actions and let users verify steps they are taking.","icon":"square-exclamation","href":"/tools/dialogs"},{"title":"Forms","icon":"pen-field","href":"/tools/forms"},{"title":"CSS Variables","description":"Using the latest CSS variables improvements from MUI","icon":"square-root-variable","href":"/tools/css-variables"}]},{"group":"Kit Components by Category","pages":[{"title":"Overview","href":"/components/intro"},{"title":"App Layout - Sidebar","href":"/components/application-app-layouts-sidebar"},{"title":"App Layout - Stacked","href":"/components/application-app-layouts-stacked"},{"title":"Application app layouts dual","href":"/components/application-app-layouts-dual"},{"title":"Buttons","href":"/components/application-elements-buttons"},{"title":"Stats","href":"/components/application-elements-stats"},{"title":"Avatars","href":"/components/application-elements-avatars"},{"title":"Menus","href":"/components/application-elements-menus"},{"title":"Badges","href":"/components/application-elements-badges"},{"title":"Lists - Tables","href":"/components/application-lists-tables"},{"title":"Lists - Card Grids","href":"/components/application-lists-cardGrids"},{"title":"Layout - Containers","href":"/components/application-layout-containers"},{"title":"Layout - Dividers","href":"/components/application-layout-dividers"},{"title":"Layout - Decorations","href":"/components/application-layout-decorations"},{"title":"Forms - Authentication","href":"/components/application-forms-authentication"},{"title":"Forms - Inputs","href":"/components/application-forms-inputs"},{"title":"Forms - Selects","href":"/components/application-forms-selects"},{"title":"Nav - Navigation Bars","href":"/components/application-navigation-navbars"},{"title":"Nav - Breadcrumbs","href":"/components/application-navigation-breadcrumbs"},{"title":"Overlays - Drawers","href":"/components/application-overlays-drawers"},{"title":"Overlays - Help Menus","href":"/components/application-overlays-helpMenus"},{"title":"Overlays - Notications","href":"/components/application-overlays-notifications"},{"title":"Page Sections - Hero","href":"/components/marketing-page-sections-hero"},{"title":"Page Sections - Features","href":"/components/marketing-page-sections-features"},{"title":"Theme Definition","href":"/components/theme-themes-theme-definitions"}]}]}]},"title":"Forms - UI Foundations Kit","buildId":"dpl_CUnGQP1HgFUzoxatVC37y4zP83Vx","deploymentId":"dpl_CUnGQP1HgFUzoxatVC37y4zP83Vx","dynamics":["07c022d89b","a74be98ba7"],"chunks":["Frame-BCFzRGe_.js","DynamicMarkdown-BUuAYxJE.js","zoom-image-lightbox-DQ5W4Q2v.js","PlusIcon-jZ8vgk6R.js","lightbox-handle-r17bVUz3.js"]}