lumexui/docs/LumexUI.Docs.Client/Pages/Components/Avatar/Examples/Sizes.razor at 8482b6a9ad2ea0955f4250d4cda967c94f8b15f0 · LumexUI/lumexui · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<div class="flex gap-4 items-center">
    <LumexAvatar Class="w-6 h-6"
                 Bordered="@true"
                 Src="https://i.pravatar.cc/150?img=2" />
    <LumexAvatar Size="@Size.Small"
                 Bordered="@true"
                 Src="https://i.pravatar.cc/150?img=6" />
    <LumexAvatar Size="@Size.Medium"
                 Bordered="@true"
                 Src="https://i.pravatar.cc/150?img=9" />
    <LumexAvatar Size="@Size.Large"
                 Bordered="@true"
                 Src="https://i.pravatar.cc/150?img=11" />
    <LumexAvatar Class="w-18 h-18"
                 Bordered="@true"
                 Src="https://i.pravatar.cc/150?img=12" />
</div>