Skip to content
This repository has been archived by the owner on Oct 21, 2022. It is now read-only.

Latest commit

 

History

History
28 lines (19 loc) · 1.21 KB

README.md

File metadata and controls

28 lines (19 loc) · 1.21 KB
Raw

⚠️ This project is archived and the repository is no longer maintained.

Seven Minute Tabs

Tabs web component. Based heavily on the Tabs with Automatic Activation example from WAI-ARIA Authoring Practices

Installation

npm install @zachleat/seven-minute-tabs

Features

  • Code converted to be a web component.
  • All styles have been removed and this component operates correctly without CSS. For longevity of the code all styling is left to independent project-specific themes.
  • Progressively enhances from <a> with anchor links pointing to content panels.
  • Adds hidden attribute to panels using JavaScript so that content still shows when JavaScript is not available.
  • Adds tabindex using JavaScript so that content remains accessibile without JavaScript.
  • Arrow key support. Adjusts for vertical aria-orientation values.
  • Home/end key support.
  • (Option to delete tabs was removed from the original example)

License