Select

An implementation of an HTML select element as a form-connected web-component.

fluent-select

Setup

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

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

Customize the indicator

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

provideFluentDesignSystem()
    .register(
        fluentSelect({
          indicator: `...your indicator...`
        }),
        fluentOption()
    );

Example

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

Additional Resources

See also listbox See also combobox