Divider

As the name implies, it divides one section of content from another with a line. A web component implementation of a horizontal rule.

fluent-divider

Setup

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

provideFluentDesignSystem()
    .register(
        fluentDivider()
    );

Example

Customize the design

import { Divider, dividerTemplate as template } from "@microsoft/fast-foundation";
import { dividerStyles as styles } from "./my-divider.styles";

export const myDivider = Divider.compose({
    baseName: "divider",
    template,
    styles,
});

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