[FR]: Allow for popup buttons to be styled via ha-button variant and appearance

[dcapslock]

With update from mwc-button to ha-button (2.4.4 PR #957) there is the possibility to allow for adjusting variant and appearance for ha-button (HA > 2025.8)

See options in HA Frontend code

https://github.com/home-assistant/frontend/blob/4666197f2872f1971f6000df10be59fe16e7bf3d/src/components/ha-button.ts#L32-L35

[dcapslock]

Button Overview

Video with highlights

Screen.Recording.2025-08-01.at.2.54.53.pm.mov

[dcapslock]

v2.4.4 has been released. Note that this version requires Home Assistant 2025.8.0 or greater.

[dnestico]

How do I use this? Can't figurre out where to put "variant="brand"" etc, cuz can't see no YAML example.

[dcapslock]

How do I use this? Can't figurre out where to put "variant="brand"" etc, cuz can't see no YAML example.

Per doco for browser_mod.popup the yaml parameters are right_button_variant, right_button_appearance etc.

Also you can create a polio card in UI to check out directly and either use card via popup id which is now available in 2.5.0.

[dnestico]

How do I use this? Can't figurre out where to put "variant="brand"" etc, cuz can't see no YAML example.

Per doco for browser_mod.popup the yaml parameters are right_button_variant, right_button_appearance etc.

Thanks! Guess I didn't see this lol oops

Also you can create a polio card in UI to check out directly and either use card via popup id which is now available in 2.5.0.

What's a polio card?

[dcapslock]

What's a polio card?

Typo 🤣 = popup card

[dcapslock]

Thanks! Guess I didn't see this lol oops

I can see that the button descriptions should directly refer to the parameters. A doco update is needed.