SearchCtrlK

  • ↑↓navigate
  • ↵open
  • escclose

Can’t find it? Contact us

On this page

statusStripKeys

Why JS: moving one roving Tab stop through a status strip's bars with ←/→, Home and End needs a key listener.

tsx
import { statusStripKeys } from "@sdxc/ui/app";

Usage

Keyboard navigation for a status strip's bars: ←/→ step one period, Home and End jump to the oldest and newest, and the Tab stop follows focus, so the bar's tooltip follows too. Apply it to the strip, or to any element inside one, which then walks the enclosing strip.

Signature

typescript
statusStripKeys(): MixinDescriptor<HTMLElement>

Examples

tsx
<span hidden mix={[statusStripKeys()]} />
@sdxc/ui

Can’t find it? Contact us