Anchor

As defined by the W3C:

An anchor is a piece of text which marks the beginning and/or the end of a hypertext link.

fluent-anchor

fluent-anchor is a web component implementation of an HTML anchor element. The fluent-components anchor supports the same visual appearances as the button component (accent, lightweight, neutral, outline, stealth) as well as a hypertext appearance for use inline with text.

Setup

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

provideFluentDesignSystem()
    .register(
        fluentAnchor()
    );

Example

Note

fluent-anchor is built with the expectation that focus is delegated to the anchor element rendered into the shadow DOM.

Additional Resources

Code in GitHub W3C Component Aria Practices

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