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