ui:button icon not bindable

[ahmedtalaat327]

Describe the bug

Hi there i was trying to update the synbol object inside hte button
the code :

`

<ui:Button DockPanel.Dock="Right" ToolTip="Sniff packts"

    Background="#006fff" VerticalAlignment="Bottom" Margin="30" MinHeight="45"  MinWidth="45"  CornerRadius="30" HorizontalAlignment="Right" Click="Button_Click_1">

  <ui:Button.Icon>
      <ui:SymbolIcon d:DataContext="true" Width="20" Symbol="{Binding IsSniffingMonitorActive, Converter={StaticResource BooleanToIconConverter}, ConverterParameter=IsSniffingMonitorActive, Mode=OneWay}" />
  </ui:Button.Icon>

  <ui:Button.Effect>
  <DropShadowEffect ShadowDepth="0.1" BlurRadius="115"/>

</ui:Button.Effect>`

seems not working

To Reproduce

should update depending on converter i've even binded the regularsymbol direct also not showing

Expected behavior

icon should show but comes empty

Screenshots

No response

OS version

windows 11 ver 26200

.NET version

.net ver 8.xx

WPF-UI NuGet version

3.0.4

Additional context

No response

[chucker]

Tested with 4.3; seems to work fine.

XAML:

        <CheckBox Content="Show other icon" IsChecked="{Binding ViewModel.ShowOtherIcon}" />

        <ui:Button
            MinWidth="45"
            MinHeight="45"
            Margin="30"
            HorizontalAlignment="Right"
            VerticalAlignment="Bottom"
            Background="#006fff"
            CornerRadius="30"
            DockPanel.Dock="Right"
            ToolTip="Sniff packts">

            <ui:Button.Icon>
                <ui:SymbolIcon
                    Width="20"
                    d:DataContext="true"
                    Symbol="{Binding ViewModel.ShowOtherIcon, Converter={StaticResource BooleanToIconConverter}}" />
            </ui:Button.Icon>

            <ui:Button.Effect>
                <DropShadowEffect BlurRadius="115" ShadowDepth="0.1" />
            </ui:Button.Effect>
        </ui:Button>

This is basically what you gave, with an added check box. I've removed the ConverterParameter and two-way binding, since I don't think they would be useful here.

The converter:

public class BooleanToIconConverter : IValueConverter
{
    public object? Convert(object? value, Type targetType, object? parameter, CultureInfo culture)
    {
        if (value is not bool b)
            return null;

        if (b)
            return SymbolRegular.Airplane24;
        else
            return SymbolRegular.VehicleCar24;
    }

    public object? ConvertBack(object? value, Type targetType, object? parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

And the view model, using CommunityToolkit.Mvvm:

    [ObservableProperty]
    private bool _showOtherIcon = false;

With all this, I can click the check box on and off to toggle between an airplane and car icon.

I didn't test against 3.0.4; is there a reason you're on that version?