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.


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

With Icons

AMEX
VISA
Master Card

With description

Red .More info about red
Blue .More info about blue
Yellow .More info about yellow
Green .More info about green