Listbox

Readme

Listbox is an ARIA and JavaScript alternative to HTML's select element; allowing custom HTML and custom styling. A listbox can also be opened from a button or combobox.

This example imports skin and makeup for base styles and behaviour respectively. Please read the documentation for further developer guidance.


Manual Selection

ARROW keys move the active descendant. SPACEBAR key is required to manually change the selected state.

Unselected

Red
Blue
Yellow
Green

Selected

Red
Blue
Yellow
Green

Automatic Selection

ARROW keys move the active descendant and automatically updated the selected state. This behaviour is similar to a radio button group.

Unselected

Red
Blue
Yellow
Green

Selected

Red
Blue
Yellow
Green

Updated: Aug 20th, 2021