\n {/* Tab buttons */}\n

\n {tabs.map((tab) => (\n setActiveTab(tab.id)}\n class={`px-4 py-2 font-medium transition-colors cursor-pointer ${\n activeTab === tab.id\n ? \"text-blue-600 border-b-2 border-blue-600 -mb-0.5\"\n : \"text-gray-600 hover:text-gray-800\"\n }`}\n >\n {tab.label}\n \n ))}\n

\n\n {/* Tab content */}\n

\n {tabs.map(\n (tab) =>\n activeTab === tab.id && (\n

{tab.label}

{tab.content}

\n )\n )}\n

\n );\n}\n",[],[163,204,196],"components","2722a812-5d7e-11f1-87b2-1607ee4eb77e","App.tsx","019e81be-079c-73cc-b607-48930db93033",3,["D",1780293182884],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { TabsMenu } from \"./Counter.tsx\";\n\nexport function App() {\n return (\n

Interactive Tabs Menu

Click on any tab to switch between sections

\n \n

\n\n

\n View source\n

\n );\n}\n",[],[163,204,206],"228d5310-5d7e-11f1-afe5-1607ee4eb77e",["D",1780293175130],[180,181],[163,204],["D",1780293175130],[179,182],[163],["D",1780293175130],{"_107":106,"_115":111},{"_107":106,"_108":109,"_110":111,"_19":63,"_112":113,"_114":55},{"_13":92,"_38":93,"_49":48,"_94":50,"_95":96,"_97":98,"_99":57,"_100":101,"_102":103,"_104":51,"_105":106},"ctx",{"_85":-5,"_137":257,"_258":259,"_260":261,"_262":55,"_263":55,"_264":55,"_265":31,"_266":-5,"_267":-7,"_268":-7,"_269":69,"_270":55,"_271":55,"_272":-5,"_273":55,"_274":55,"_275":55,"_276":-5},"ENV",{"_228":229,"_230":231,"_232":93,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v6