<dy-banner>
Banners communicate important messages to users. They are highly visible and often used for system-wide announcements, warnings, or critical information that requires attention.
Example
Loading...
<dy-banner
style=${"width: 100%"}
.closable=${true}
.status=${"positive"}
.action=${{"text":"View"}}> This is banner </dy-banner>
API
DuoyunBannerElement
Extends TapBannerElement
TapBannerElement
Shadow DOM; Extends GemElement
TapBannerElement Instance Properties
| Property(Attribute) | Reactive | Type |
|---|---|---|
closable(closable) |
Yes | boolean |
status(status) |
Yes | Status |
action |
Yes | { text: string; handle: () => void } |
close |
Emitter<null> |
TapBannerElement Other
| Type | Value |
|---|---|
| Event | close |
| Slot | unnamed |