Skip to main content

BwDivider | bw-divider

Overview

Use the divider to add visual seperators between sections of content.

Usage

Basic

Some content
Some more content
Even more content
Some content
Some more content
Even more content
<div>Some content</div>
<bw-divider></bw-divider>
<div>Some more content</div>
<bw-divider></bw-divider>
<div>Even more content</div>

<div>Some content</div>
<bw-divider type="vertical"></bw-divider>
<div>Some more content</div>
<bw-divider type="vertical"></bw-divider>
<div>Even more content</div>

Properties

PropertyAttributeDescriptionTypeDefault
spacingspacingControls margin before and after divider"lg" | "md" | "none" | "sm"'md'
typetypeDirection of the divider"horizontal" | "vertical"'horizontal'

CSS Custom Properties

NameDescription
--colorColor of the divider
--thicknessSize of the divider

Dependencies

Used by

Graph


© 2025 United Systems & Software - All Rights Reserved.