{"component":{"aria":"Each tab is a real <a href> link to a real page. aria-current=page marks the active tab. The substrate's tab pattern is URL-reflected — clicking a tab navigates to a separate route, not an in-page state change. This makes deep-linking, back/forward navigation, and sharing canonical.","category":"components","css":".ps-tabs{border-bottom:1px solid var(--ps-border-subtle,#e6e8ec)}.ps-tabs__list{display:flex;list-style:none;padding:0;margin:0;gap:var(--ps-space-2,4px)}.ps-tabs__link{display:inline-block;padding:var(--ps-space-3,8px) var(--ps-space-5,16px);text-decoration:none;color:var(--ps-ink-secondary,#4a4f59);border-bottom:2px solid transparent;font-weight:500}.ps-tabs__link:hover{color:var(--ps-ink-primary,#0e0f12)}.ps-tabs__link--active{color:var(--ps-interactive-primary,#234ed8);border-bottom-color:var(--ps-interactive-primary,#234ed8)}.ps-tabs__link:focus-visible{outline:2px solid var(--ps-focus-ring,#234ed8);outline-offset:2px;border-radius:2px}","description":"URL-reflected page-section navigation. Each tab is a separate route; state lives in the URL, not in client memory.","display_name":"Tab","html":"<nav class=\"ps-tabs\" aria-label=\"Page sections\">\n  <ul class=\"ps-tabs__list\">\n    <li class=\"ps-tabs__item\"><a class=\"ps-tabs__link ps-tabs__link--active\" aria-current=\"page\" href=\"#\">Usage</a></li>\n    <li class=\"ps-tabs__item\"><a class=\"ps-tabs__link\" href=\"#\">Style</a></li>\n    <li class=\"ps-tabs__item\"><a class=\"ps-tabs__link\" href=\"#\">Code</a></li>\n    <li class=\"ps-tabs__item\"><a class=\"ps-tabs__link\" href=\"#\">Accessibility</a></li>\n  </ul>\n</nav>","name":"tab","registry_type":"component","research_links":["primitive-vocabulary-rationale"],"tabs_available":["accessibility","code","style","usage"],"variants":[],"wcag":{"focus_visible":true,"target":"2.2 AAA"}},"tenant":"pointsav","theme":"pointsav-brand"}