Toggle buttons with filled and outline icons

[asmussen]

After updating from 6 to 8.0.4 there is now no difference between a filled and outlined icon. So now I cannot tell if a favorite is toggled on/off. I added class="filled-icon" and the class .filled-icon {
font-variation-settings: 'FILL' 1;
} per the instructions but I still do not have filled icon.

What am I missing?:

 <RadzenToggleButton class="filled-icon" @bind-Value="IsFavorite" Change="@FavoriteChanged" IconColor="#880000" Icon="favorite_border" ToggleIcon="favorite" Variant="Variant.Text" />

Before the update
toggled off:

Toggled on:

Thanks!

[yordanov]

Hi @asmussen,

Try <RadzenToggleButton Style="@(IsFavorite ? "--rz-icon-fill: 1;" : "")" ... >:

[asmussen]

@yordanov

Style="@(IsFavorite ? "--rz-icon-fill: 1;" : "")"

Thank you, it works now!