Listbox

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

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

fluent-listbox

Setup

import {
    provideFluentDesignSystem,
    fluentListbox,
    fluentOption
} from "@fluentui/web-components";

provideFluentDesignSystem()
    .register(
        fluentListbox(),
        fluentOption()
    );

Example

Please see the Blazor documentation and demo site for more information.

Additional Resources

Code in GitHub W3C Component Aria Practices