Separator

Visually or semantically separates content.

Horizontal

A horizontal separator (default).

ShadCn.Blazor

An open-source UI component library for Blazor.

Blog
Docs
Source
<Separator />

// Or with custom margin
<Separator Class="my-4" />

Vertical

A vertical separator.

Home
About
Contact
<div class="flex h-5 items-center space-x-4">
    <div>Home</div>
    <Separator Orientation="SeparatorOrientation.Vertical" />
    <div>About</div>
    <Separator Orientation="SeparatorOrientation.Vertical" />
    <div>Contact</div>
</div>