Divider

A web component implementation of a horizontal rule.

<FluentDivider> wraps the <fluent-divider> element, a web component implementation of a divider leveraging the Fluent UI design system.

Examples

Usage examples

Example


Default


Role="Presentation""

before divider after divider

Role="Separator""

before divider after divider

Download: 

Vertical divider

Example


Role="Presentation""

before divider after divider

Role="Separator""

before divider after divider
Download: 

Documentation

FluentDivider Class

Parameters

Name
Type
Default
Description
ChildContentRenderFragment?
Gets or sets the content to be rendered inside the component.
OrientationOrientation?
Horizontal
Gets or sets the orientation of the divider.
RoleDividerRole?
Gets or sets the role of the element.

Methods

Name
Parameters
Type
Description
DisposeAsyncValueTask
Horizontal
Vertical
Separator
Presentation
An error has occurred. This application may no longer respond until reloaded. Reload 🗙