Divider component

The <Divider> component is used to separate sections of lists or layouts.

Examples

Basic

Dividers in their simplest form display a horizontal line.

<Divider />

Dashed


<Divider DividerType="DividerType.Dashed" />

Dotted


<Divider DividerType="DividerType.Dotted" />

Text Content


<Divider DividerType="DividerType.TextContent" Text="Hello Blazorise" />

Attributes

Name Description Type Default
DividerType Specifies horizontal line style variants. DividerType Solid
Text Label that will appear between the solid lines. string null