Button

The fluent-button is a web component implementation of an HTML button element. The fluent-components button supports several visual appearances (accent, lightweight, neutral, outline, stealth).

fluent-button

Setup

Basic Setup

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

provideFluentDesignSystem()
    .register(
        fluentButton()
    );

Example

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

Additional Resources

Code in GitHub W3C Component Aria Practices