18 lines
442 B
TypeScript
18 lines
442 B
TypeScript
/** PettyBadge — display-only status indicator with variant support. */
|
|
export class PettyBadge extends HTMLElement {
|
|
static observedAttributes = ["variant"];
|
|
|
|
get variant(): string {
|
|
return this.getAttribute("variant") ?? "default";
|
|
}
|
|
|
|
connectedCallback(): void {
|
|
this.dataset.variant = this.variant;
|
|
this.dataset.part = "badge";
|
|
}
|
|
|
|
attributeChangedCallback(): void {
|
|
this.dataset.variant = this.variant;
|
|
}
|
|
}
|