Overview

The tab-set component provides a fully accessible tab interface using native HTML elements as its foundation.
Features
  • Progressive enhancement - works without JS
  • Keyboard navigation with arrow keys
  • ARIA linkage (aria-controls, aria-labelledby, aria-selected)
  • Custom event on tab change
Usage

Wrap your details elements in a <tab-set> element and give them a shared name attribute.