feat: Provide fragment to extend Profile Menu Button about fluentui-blazor

[vnbaaij]

Could be a nice option to add some parameter like DisplayTemplate (of type RenderFragment?) with wich you can define what is shown in front of the image.

Seems like somthing that could be done with a community contribution. Any takers?

[dvoituron]

You can do that using a code like this:

<FluentStack VerticalAlignment="VerticalAlignment.Center">
    <div>
        <FluentLabel Style="font-size: 11px; line-height: 14px;">Denis Voituron</FluentLabel>
        <FluentLabel Style="font-size: 11px; line-height: 14px;">Microsoft</FluentLabel>
    </div>
    <FluentProfileMenu Image="@DataSource.ImageFaces[3]"
                        Status="@PresenceStatus.Available"
                        TopCorner="true"
                        Initials="OS"
                        FullName="Olivia Smith"
                        EMail="[email protected]"
                        Style="min-width: 330px;">
                        <HeaderTemplate><FluentLabel Typo="Typography.Body">My Company Corp</FluentLabel></HeaderTemplate>
                        <FooterTemplate></FooterTemplate>
    </FluentProfileMenu>
</FluentStack>

[StephenOTT]

@dvoituron agreed that is an option. What i was looking for was to wrap the "Denis" text into the clickable area. So the user could click on the Profile head or the text (similar to azure admin ui)

But your code is very applicable/a very viable option

[ID-JA]

besides the DisplayTemplate parameter, there could be an option to select the content's position. This would allow content to be rendered left or right of the image, maybe at the top or bottom, too.

[dvoituron]

See #2010

[vnbaaij]

Fixed with PR mentioned above