Skip to main content
Version: Current

Web Components - Listbox

An implementation of a listbox. While any DOM content is permissible as a child of the listbox, only alpha-option elements, option elements, and slotted items with role="option" will be treated as options and receive keyboard support.

The listbox component has no internals related to form association. For a form-associated listbox, see the alpha-select component.

Set-up

import { provideDesignSystem, alphaListbox, alphaOption } from '@genesislcap/alpha-design-system';

provideDesignSystem().register(alphaListbox(), alphaOption());

Usage

Live Editor
Result
Loading...

Additional resources