Skip to content
LAYOUT · FREE

Divider

A thin line that gives content room to breathe.

A thin line that gives content room to breathe, horizontal or vertical.

Why it helps

  • Clean separation
  • Horizontal or vertical
  • Flat and sober

Where it fits

  • Between sections
  • Menus
  • Toolbars
Divider control in a RayCraft page

Example

<div>
    Above
    <Divider />
    Below
</div>
<Stack Align="center" Style="height:2em;margin-top:1em">
    Left <Divider Vertical /> Right
</Stack>

A short fragment. Add @using RayCraft.Blazor.Components to your page and use an interactive render mode.

Included in RayCraft Free. Working examples are in the GitHub repository (MIT); it holds example and demo code, not the library code.

All controls ยท Documentation