Pass parameter to FluentIcon-Value

[true-perfect-code]

Is it possible, for example, to pass a parameter value for “<FluentIcon Value=”@(new Icons.Regular.Size24.Save())“ />” instead of “@(new Icons.Regular.Size24.Save())”?

I tried it with a model, but that doesn't work.

Model

// Message Dialog
    public class MessageDialogModel
    {
        public string Title { get; set; } = "";
        public string Message { get; set; } = "";
        //public Microsoft.FluentUI.AspNetCore.Components.Icons Icon;
        public object Icon;
    }

Razor

@implements IDialogContentComponent<MessageDialogModel>

<FluentIcon Value="@((Microsoft.FluentUI.AspNetCore.Components.Icons)Content.Icon)" />

@code {
    [Parameter]
    public MessageDialogModel Content { get; set; } = default!;

    [CascadingParameter]
    public FluentDialog? Dialog { get; set; }
}

Thanks
pc

[rpodevns]

Try:

public Microsoft.FluentUI.AspNetCore.Components.Icon? Icon { get; set; }

If you can't change the type then try casting it:

<FluentIcon Value="@(Icon as Microsoft.FluentUI.AspNetCore.Components.Icon)" />

@code {
    [Parameter]
    public object? Icon { get; set; }
}

[true-perfect-code]

Hi @rpodevns

Thanks, it works now!

Here is the final code:

Model

    // Message Dialog
    public class MessageDialogModel
    {
        public string Title { get; set; } = "";
        public string Message { get; set; } = "";
        //public Microsoft.FluentUI.AspNetCore.Components.Icons Icon;
        //public object Icon;
        public Microsoft.FluentUI.AspNetCore.Components.Icon? Icon { get; set; }
    }

Razor

@implements IDialogContentComponent<MessageDialogModel>

@* <FluentIcon Value="@((Microsoft.FluentUI.AspNetCore.Components.Icons)Content.Icon)" /> *@
<FluentIcon Value="@(Content.Icon as Microsoft.FluentUI.AspNetCore.Components.Icon)" />

@code {
    [Parameter]
    public MessageDialogModel Content { get; set; } = default!;

    [CascadingParameter]
    public FluentDialog? Dialog { get; set; }
}

pc

[rpodevns]

That's great. You should be able to remove the cast since you're specifying the type in your MessageDialog class.

Change:

<FluentIcon Value="@(Content.Icon as Microsoft.FluentUI.AspNetCore.Components.Icon)" />

To:

<FluentIcon Value="@Content.Icon" />

[true-perfect-code]

Thanks
pc