makeup-listbox-button

Listbox-Button 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.

Listbox-Button uses makeup-listbox.

Manual Selection

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

Unselected

Selected

Unselected, Floating label

Automatic Selection

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

Unselected

Selected

Unselected, Floating label

Unselected - with descripton

With Icons

With Icons & custom aria-label

With Icons & Text