<dy-placeholder>
Example
Loading...
<dy-placeholder
style=${"width: 100%;"}
.type=${"multi"}
.minLine=${3}
.maxLine=${6}></dy-placeholder>
API
DuoyunPlaceholderElement
Extends TapPlaceholderElement
TapPlaceholderElement
Shadow DOM; Extends TapVisibleBaseElement
TapPlaceholderElement Instance Properties
| Property(Attribute) | Reactive | Type | Description |
|---|---|---|---|
modemode |
Yes | 'single' | 'multi' |
@deprecated |
type(type) |
Yes | 'single' | 'multi' |
|
center(center) |
Yes | boolean |
|
width(width) |
Yes | string |
% |
color(color) |
Yes | string |
|
maxLine(max-line) |
Yes | number |
|
minLine(min-line) |
Yes | number |
TapPlaceholderElement Other
| Type | Value |
|---|---|
| Part | line |
TapVisibleBaseElement
Extends GemElement
TapVisibleBaseElement Instance Properties
| Property(Attribute) | Reactive | Type | Description |
|---|---|---|---|
show |
Emitter |
||
hide |
Emitter |
||
fullShow |
Emitter |
Fired when the element becomes visible and entirely within the viewport, e.g. a page whose enter animation has finished. |
|
intersectionRoot |
Yes | Element | Document |
|
intersectionRootMargin |
Yes | string |
|
trackVisibility(track-visibility) |
Yes | boolean |
|
delay(delay) |
Yes | number |
TapVisibleBaseElement Other
| Type | Value |
|---|---|
| Event | show, hide, full-show |
| CSS State | visible, full-visible |