<dy-alert>
A component that displays important messages with different status types. It supports various states like positive, notice, negative, and informative, and can include an optional action button. The alert is designed to be visually distinctive and can include a header, content, and action.
Example
Loading...
<dy-alert
style=${"width: 300px"}
.status=${"negative"}
.header=${"This is alert title"}
.action=${{"text":"View"}}> Occaecat tempor amet fugiat ad fugiat sunt irure veniam consequat aute. </dy-alert>
API
Shadow DOM; Extends GemElement
Instance Properties
| Property(Attribute) | Reactive | Type |
|---|---|---|
header(header) |
Yes | string |
status(status) |
Yes | Status |
action |
Yes | { text: string; handle: () => void } |
Other
| Type | Value |
|---|---|
| Slot | unnamed |