Chat - MudBlazor

API

Basic

MudChat can be used to display one or more MudChatBubble components. The bubbles can be aligned at the start (left for Left-to-Right, right for Right-to-Left) or at the end.

It's over Anakin

I have the high ground.

You underestimate my power!

<MudChat ChatPosition="ChatBubblePosition.Start">
    <MudChatBubble>
        It's over Anakin
    </MudChatBubble>
    <MudChatBubble>
        I have the high ground.
    </MudChatBubble>
</MudChat>
<MudChat ChatPosition="ChatBubblePosition.End">
    <MudChatBubble>
        You underestimate my power!
    </MudChatBubble>
</MudChat>

With Avatar

MudChat can include an avatar, which works seamlessly with the MudAvatar component. The avatar will always appear on the first MudChatBubble inside a MudChat.

It was said that you would, destroy the Sith, not join them.

It was you who would bring balance to the Force

Not leave it in Darkness

<MudChat ChatPosition="ChatBubblePosition.Start">
    <MudAvatar>OK</MudAvatar>
    <MudChatBubble>
        It was said that you would, destroy the Sith, not join them.
    </MudChatBubble>
    <MudChatBubble>
        It was you who would bring balance to the Force
    </MudChatBubble>
</MudChat>

<MudChat ChatPosition="ChatBubblePosition.Start">
    <MudAvatar>
        <MudImage Src="images/jonny.jpg" />
    </MudAvatar>
    <MudChatBubble>
        Not leave it in Darkness
    </MudChatBubble>
</MudChat>