<dy-divider>
A divider is a thin line that groups content in lists and layouts. It can be used to separate and group content both vertically and horizontally.
Example
Loading...
<dy-divider style=${"width: 100%;"}> Label </dy-divider>
Loading...
<dy-divider style=${"height: 100px;"} .orientation=${"vertical"}> Label </dy-divider>
Loading...
<dy-divider style=${"width: 100%;"} .size=${"large"}></dy-divider>
API
DuoyunDividerElement
Extends TapDividerElement
TapDividerElement
Shadow DOM; Extends GemElement
TapDividerElement Instance Properties
| Property(Attribute) | Reactive | Type |
|---|---|---|
size(size) |
Yes | 'small' | 'medium' | 'large' |
color(color) |
Yes | string |
orientation(orientation) |
Yes | 'horizontal' | 'vertical' |
position(position) |
Yes | 'start' | 'center' | 'end' |
TapDividerElement Other
| Type | Value |
|---|---|
| Slot | unnamed |