Skip to content

Keyboard and pointer reorder primitive

Lab Guidance

Keyboard and pointer reorder primitive provides a lab component for disclosure and overlays.

Primary example

Authored content remains available when Thin-Sky assets or optional JavaScript are unavailable.

Anatomy

  • Authored semantic content
  • Optional bounded enhancement

Variants and sizes

  • Default theme-driven presentation

Gallery coverage: No structured variant fixtures are published yet; the primary example above is the only verified production markup.

Rendered fixtures exercise authored content and constrained layouts with the same production assets.

  • Default
  • Difficult content and narrow containers

Structured state fixtures are not published for this item yet.

Interaction and keyboard behavior

Any enhancement is bounded to mechanical client-side behavior.

Accessibility

Use native semantics and preserve meaningful content, names, focus order, and state without presentation.

Contract
POINTER
Basis
Native list with HTML drag/drop enhancement and Alt+Arrow keyboard alternative; no APG composite claim
Evidence
  • tests/unit/behaviors/sortable.test.ts

API

Use semantic HTML; presentation is applied with thin-* classes and ordinary attributes where available.

Behavior tier: dependency-free

Structured host, property, and example tables are not authored for this item yet. Use the summary above and the primary example.

Fallback

Authored content remains available when Thin-Sky assets or optional JavaScript are unavailable.

Assets and dependencies

No production assets are assigned to this planning record.