Molodetz blogrol volgens DPP-template
This commit is contained in:
@@ -0,0 +1,19 @@
|
||||
// retoor <retoor@molodetz.nl>
|
||||
import { Component } from "./Component.js";
|
||||
|
||||
export class ToastHost extends Component {
|
||||
static tag = "dp-toast";
|
||||
|
||||
setup() {
|
||||
this.setAttribute("role", "status");
|
||||
this.setAttribute("aria-live", "polite");
|
||||
}
|
||||
|
||||
show(message, kind = "info", ms = 3500) {
|
||||
const item = document.createElement("div");
|
||||
item.className = `toast ${kind}`;
|
||||
item.textContent = message;
|
||||
this.append(item);
|
||||
setTimeout(() => item.remove(), ms);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user