Use @home-assistant/webawesome (#26942)

This commit is contained in:
Wendelin
2025-09-08 14:25:47 +02:00
committed by GitHub
parent c582896574
commit c041c295d5
11 changed files with 40 additions and 241 deletions

View File

@@ -1,11 +1,11 @@
import "@home-assistant/webawesome/dist/components/button-group/button-group";
import type { TemplateResult } from "lit";
import { css, html, LitElement } from "lit";
import { customElement, property } from "lit/decorators";
import { fireEvent } from "../common/dom/fire_event";
import type { ToggleButton } from "../types";
import "./ha-svg-icon";
import "./ha-button";
import "./ha-button-group";
import "./ha-svg-icon";
/**
* @element ha-button-toggle-group
@@ -37,11 +37,14 @@ export class HaButtonToggleGroup extends LitElement {
protected render(): TemplateResult {
return html`
<ha-button-group .variant=${this.variant} .size=${this.size}>
<wa-button-group childSelector="ha-button">
${this.buttons.map(
(button) =>
html`<ha-button
iconTag="ha-svg-icon"
class="icon"
.variant=${this.variant}
.size=${this.size}
.value=${button.value}
@click=${this._handleClick}
.title=${button.label}
@@ -55,7 +58,7 @@ export class HaButtonToggleGroup extends LitElement {
: button.label}
</ha-button>`
)}
</ha-button-group>
</wa-button-group>
`;
}