makeup-listbox

Listbox is headless UI widget and does not come bundled with any CSS. This example is receiving its styles from eBay Skin.

This example is receiving its base markup and styles from eBay Skin. A subset of style properties are being customized/themed via Skin's CSS Custom Properties.

The listbox class is consumed by the following modules: listbox-button, combobox.

Automatic Selection (default)

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

Unselected

Selected

Manual Selection

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

makeup-listbox

Automatic Selection (default)

Unselected

Selected

Manual Selection

Unselected

Selected

Variations

Icons

Descriptions

Groups

Layouts

Responsive Columns (flat DOM)

Fixed Columns (nested DOM)