Docs / Components

SenseListboxComponent

Single- and multi-select listbox with optional filter and forms CVA from @artificialsenselabs/ui.

Live demo: run nx serve showcase and open /components/listbox (port 4202).

Overview

Category: Form controls. Selector: sense-listbox. Import: import { SenseListboxComponent } from '@artificialsenselabs/ui';

Accessibility

  • Implements APG listbox keyboard patterns for arrow navigation and typeahead.
  • Multi-select mode uses aria-multiselectable with selected state on options.
  • Filter input is labelled and keeps focus management inside the listbox.