{"templateId":"markdown","sharedDataIds":{"sidebar":"sidebar-sidebars.yaml"},"props":{"metadata":{"markdoc":{"tagList":["img"]},"type":"markdown"},"seo":{"title":"Project 41","llmstxt":{"hide":true,"excludeFiles":[]}},"dynamicMarkdocComponents":[],"compilationErrors":[],"ast":{"$$mdtype":"Tag","name":"article","attributes":{},"children":[{"$$mdtype":"Tag","name":"Heading","attributes":{"level":1,"id":"project-41","__idx":0},"children":["Project 41"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/tabs/tabs"},"children":["Tabs link"]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"when-do-tabs-improve-the-experience","__idx":1},"children":["When Do Tabs Improve the Experience?"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Organizing Complex Info:"]}," Tabs help break down information into clear, manageable sections."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Offering Alternative Views:"]}," They allow users to easily switch between different perspectives or details without leaving the current page."]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"when-do-they-make-things-worse","__idx":2},"children":["When Do They Make Things Worse?"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Overused for Navigation:"]}," If tabs force users to navigate between completely different pieces of content, it increases cognitive load."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Too Many Tabs:"]}," Excessive tabs or multiple rows can overwhelm users and make the content hard to follow."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Unclear Labeling:"]}," Vague or overly complex tab names can confuse readers and reduce usability."]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"did-anything-feel-clunky","__idx":3},"children":["Did Anything Feel Clunky?"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["No, everything was quite intuitive. AI helped us with some questions."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"any-layout-bugs-or-surprises","__idx":4},"children":["Any Layout Bugs or Surprises?"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The layout looks fine; even the tables for mobile were displayed correctly."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"screenshot-your-best-tab-set-if-youre-proud","__idx":5},"children":["Screenshot Your Best Tab Set (if you’re proud)."]},{"$$mdtype":"Tag","name":"Image","attributes":{"src":"/assets/screenshot-2025-04-04-at-09.17.18.602315dddc8d478897818ca825ba552fe7687f98f33efbfde681be10a481aedf.4dac329d.png","alt":"Screenshot 2025-04-04 at 09.17.18.png","framed":false,"withLightbox":true,"width":"","height":""},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"share-your-thoughts-on-the-things-to-try--what-worked-what-didnt-and-what-youd-avoid-in-real-docs","__idx":6},"children":["Share Your Thoughts on the “Things to Try” — What Worked, What Didn’t, and What You’d Avoid in Real Docs."]},{"$$mdtype":"Tag","name":"ol","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["If you use the same tab set twice on a page (e.g., language selectors), does the selected value stay in sync?"]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Yes, the value stayed in sync. It combined content from two tabs, and it was handled without errors."]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Can you deep link to a specific tab? If so, how does it work?"]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Yes, it is possible. It requires the ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["tabs"]}," markdoc inside the ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["tab"]}," container."]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["What happens if a user hits “back” in the browser — does the tab remember its state?"]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["No, the page doesn't remember the state. There is no additional query parameter in the URL, so perhaps we can add one."]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Does your tab layout hold up in mobile view?"]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Yes, the layout was solid without any issues."]}]}]}]},"headings":[{"value":"Project 41","id":"project-41","depth":1},{"value":"When Do Tabs Improve the Experience?","id":"when-do-tabs-improve-the-experience","depth":2},{"value":"When Do They Make Things Worse?","id":"when-do-they-make-things-worse","depth":2},{"value":"Did Anything Feel Clunky?","id":"did-anything-feel-clunky","depth":2},{"value":"Any Layout Bugs or Surprises?","id":"any-layout-bugs-or-surprises","depth":2},{"value":"Screenshot Your Best Tab Set (if you’re proud).","id":"screenshot-your-best-tab-set-if-youre-proud","depth":2},{"value":"Share Your Thoughts on the “Things to Try” — What Worked, What Didn’t, and What You’d Avoid in Real Docs.","id":"share-your-thoughts-on-the-things-to-try--what-worked-what-didnt-and-what-youd-avoid-in-real-docs","depth":2}],"frontmatter":{"seo":{"title":"Project 41"}},"lastModified":"2026-07-01T10:38:37.000Z","pagePropGetterError":{"message":"","name":""}},"slug":"/debrief/archive/project-41","userData":{"isAuthenticated":false,"teams":["anonymous"]},"isPublic":true}