Chat, support, docs, and other links easily accessible.
Many SaaS apps try to make help easily available to users via an always present help menu button. This button may surface docs, chat, support, or other links that are important to the user. The UI Foundations Kit includes a help menu that can be customized for your own app.
Open the /src/components/HelpMenu component and customize links as you see fit. The default MUI <Menu /> has been restyled to match the modern UI Foundations theme.
{"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/help-menu","slug":"/tools/help-menu","pageMetadata":{"title":"Help Menu","description":"Chat, support, docs, and other links easily accessible.","icon":"circle-question","href":"/tools/help-menu"},"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: \"Chat, support, docs, and other links easily accessible.\"\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,Heading,OptimizedImage}=_components;if(!Frame)_missingMdxReference(`Frame`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);return _jsxs(_Fragment,{children:[_jsx(_components.p,{children:`Many SaaS apps try to make help easily available to users via an always present help menu button. This button may surface docs, chat, support, or other links that are important to the user. The UI Foundations Kit includes a help menu that can be customized for your own app.`}),`\n`,_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/uifoundationskit/Wk6Bxr5jJVKk6EEL/images/comparisons/ui-help-menu.png?fit=max\u0026auto=format\u0026n=Wk6Bxr5jJVKk6EEL\u0026q=85\u0026s=0a891ac619f8c35520ca8372563f0e74`,\"data-og-width\":`526`,width:`526`,\"data-og-height\":`426`,height:`426`,\"data-path\":`images/comparisons/ui-help-menu.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/uifoundationskit/Wk6Bxr5jJVKk6EEL/images/comparisons/ui-help-menu.png?w=280\u0026fit=max\u0026auto=format\u0026n=Wk6Bxr5jJVKk6EEL\u0026q=85\u0026s=cf64a860c423d695ac0de36fb9a832b0 280w, https://mintcdn.com/uifoundationskit/Wk6Bxr5jJVKk6EEL/images/comparisons/ui-help-menu.png?w=560\u0026fit=max\u0026auto=format\u0026n=Wk6Bxr5jJVKk6EEL\u0026q=85\u0026s=e6d3c3c9774de4f9014cc6aac956e52d 560w, https://mintcdn.com/uifoundationskit/Wk6Bxr5jJVKk6EEL/images/comparisons/ui-help-menu.png?w=840\u0026fit=max\u0026auto=format\u0026n=Wk6Bxr5jJVKk6EEL\u0026q=85\u0026s=8c0c9d915e90d1bb31c17599c2591c39 840w, https://mintcdn.com/uifoundationskit/Wk6Bxr5jJVKk6EEL/images/comparisons/ui-help-menu.png?w=1100\u0026fit=max\u0026auto=format\u0026n=Wk6Bxr5jJVKk6EEL\u0026q=85\u0026s=59f653adb4b35588fda046630eb01931 1100w, https://mintcdn.com/uifoundationskit/Wk6Bxr5jJVKk6EEL/images/comparisons/ui-help-menu.png?w=1650\u0026fit=max\u0026auto=format\u0026n=Wk6Bxr5jJVKk6EEL\u0026q=85\u0026s=6c136cd285a96a39e8496f3331580f46 1650w, https://mintcdn.com/uifoundationskit/Wk6Bxr5jJVKk6EEL/images/comparisons/ui-help-menu.png?w=2500\u0026fit=max\u0026auto=format\u0026n=Wk6Bxr5jJVKk6EEL\u0026q=85\u0026s=5caa0f89066b9d526352fba0212f6a2d 2500w`})}),`\n`,_jsx(Heading,{level:`2`,id:`usage`,children:`Usage`}),`\n`,_jsxs(_components.p,{children:[`Open the `,_jsx(_components.code,{children:`/src/components/HelpMenu`}),` component and customize links as you see fit. The default MUI `,_jsx(_components.code,{children:`\u003cMenu />`}),` has been restyled to match the modern UI Foundations theme.`]})]})}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":"Help Menu","description":"Chat, support, docs, and other links easily accessible.","icon":"circle-question","href":"/tools/help-menu"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Usage","slug":"usage","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"uifoundationskit","siteName":"UI Foundations Kit","title":"Help Menu - UI Foundations Kit","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-01-07T02:46:47.708Z","originalFileLocation":"tools/help-menu.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=\"Chat, support, docs, and other links easily accessible.\">\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=\"Help Menu - UI Foundations Kit\">\u003cmeta data-mint-head property=\"og:description\" content=\"Chat, support, docs, and other links easily accessible.\">\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/help-menu\">\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=\"Help Menu - UI Foundations Kit\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Chat, support, docs, and other links easily accessible.\">\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/help-menu\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/tools/help-menu.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/help-menu#webpage\",\"url\":\"https://docs.uifoundations.com/tools/help-menu\",\"name\":\"Help Menu\",\"description\":\"Chat, support, docs, and other links easily accessible.\",\"dateModified\":\"2026-01-07T02:46:47.708Z\",\"isPartOf\":{\"@id\":\"https://docs.uifoundations.com#website\"},\"breadcrumb\":{\"@id\":\"https://docs.uifoundations.com/tools/help-menu#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.uifoundations.com/tools/help-menu#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Tools \u0026 Modules\",\"item\":\"https://docs.uifoundations.com/tools/dark-mode\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Help Menu\",\"item\":\"https://docs.uifoundations.com/tools/help-menu\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.uifoundations.com/tools/help-menu#article\",\"headline\":\"Help Menu\",\"name\":\"Help Menu\",\"description\":\"Chat, support, docs, and other links easily accessible.\",\"url\":\"https://docs.uifoundations.com/tools/help-menu\",\"mainEntityOfPage\":{\"@id\":\"https://docs.uifoundations.com/tools/help-menu#webpage\"},\"dateModified\":\"2026-01-07T02:46:47.708Z\",\"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","description":"A common pattern for data manipulation from user input","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","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":"Help Menu - 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"]}