mirror of
https://github.com/home-assistant/frontend.git
synced 2025-11-09 19:09:48 +00:00
Use @home-assistant/webawesome (#26942)
This commit is contained in:
@@ -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>
|
||||
`;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user