Training
Module
Build reusable components with Blazor - Training
Learn how to use Razor class libraries to package and deploy components with Blazor.
This browser is no longer supported.
Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
As the name implies, it divides one section of content from another with a line. A web component implementation of a horizontal rule.
import {
provideFluentDesignSystem,
fluentDivider
} from "@fluentui/web-components";
provideFluentDesignSystem()
.register(
fluentDivider()
);
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,
});
<FluentDivider>
wraps the <fluent-divider>
element, a web component implementation of a divider leveraging the Fluent UI design system.
@using Microsoft.Fast.Components.FluentUI
<h4>Default</h4>
<FluentDivider></FluentDivider>
<h4>Presentation</h4>
<FluentDivider role="presentation"></FluentDivider>
See the component in action with implementation examples at the Blazor demo site.
Training
Module
Build reusable components with Blazor - Training
Learn how to use Razor class libraries to package and deploy components with Blazor.