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
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
spacing | spacing | Controls margin before and after divider | "lg" | "md" | "none" | "sm" | 'md' |
type | type | Direction of the divider | "horizontal" | "vertical" | 'horizontal' |
CSS Custom Properties
| Name | Description |
|---|---|
--color | Color of the divider |
--thickness | Size of the divider |
Dependencies
Used by
Graph
© 2025 United Systems & Software - All Rights Reserved.