kit

Components

Navigation

Where am I, and how do I get to the next thing.

One panel at a time, chosen from a row of tabs, with arrow-key movement and every panel readable before the script loads.

Panel one. Arrow keys move between the tabs and choose as they go.

Panel two, with three new items.

Panel three.

Never shown.

Vertical tabs with manual activation: arrows move, Enter chooses.

Panel two.

Panel three.

Tier 2 · behaviour APG tabs beta

Sections that open and close in place, built on native details and summary, so they work without a script and in find-in-page.

Section one

Supporting text for the first section. Sections with the same name open one at a time.

Section two

Supporting text for the second section.

Section three

Supporting text for the third section.

Tier 1 · CSS only Native details preview

Planned for this page

  • Breadcrumbs
  • Pagination
  • Steps
  • Top bar
  • Link