MiHCM
overlay/@mihcm/ui·v0.21.0·stable

Command

Command palette (⌘K) powered by cmdk. Composable search + item groups + keyboard navigation.

ConfiguratorExamplesUsageAccessibilityApi

WCAG 2.1 AA — release blocker

Command must satisfy these on every render before it ships.

Web (React DOM)

  • Root has role="listbox" with aria-label.
  • Each CommandItem has role="option" with aria-selected on the highlighted item.
  • CommandInput is linked to the listbox via aria-controls.
  • Groups use role="group" with aria-labelledby pointing to the heading.
  • Empty state is announced as a live region.

Keyboard

KeyAction
Arrow Up/DownMove highlight through items.
EnterSelect the highlighted item.
EscapeClose dialog (in CommandDialog mode).
⌘K / Ctrl+KToggle dialog open (app-level binding).

Dialog mode

CommandDialog wraps the component in a Dialog, inheriting all dialog accessibility — focus trap, Escape to close, scroll lock.

React Native

  • Command is a stub on native (text input + flat list).

Audit checklist

  • Input linked to results via aria-controls
  • Arrow keys navigate items without losing input focus
  • Selected item announced with aria-selected
  • Empty state announced to screen readers
  • Dialog traps focus when open
  • Escape closes dialog