Skip to content

Add avatar and avatar list group components - Close #46, Close #47#50

Merged
albx merged 17 commits intoalbx:mainfrom
Defkon1:feature/add-avatar-component
Oct 17, 2025
Merged

Add avatar and avatar list group components - Close #46, Close #47#50
albx merged 17 commits intoalbx:mainfrom
Defkon1:feature/add-avatar-component

Conversation

@Defkon1
Copy link
Contributor

@Defkon1 Defkon1 commented Oct 10, 2025

New Avatar Component

  • Added the BitAvatar component to src/BitBlazor/Avatar/BitAvatar.razor and its logic to .razor.cs

  • Added the BitAvatarGroup component to src/BitBlazor/Avatar/BitAvatarGroup.razor and its logic to .razor.cs

  • Added the BitAvatarGroupItem component to src/BitBlazor/Avatar/BitAvatarGroup.razor and its logic to .razor.cs

Documentation and Sample Updates

  • Updated documentation in docs/avatar/avatar.md
  • Enhanced code samples and validation models to demonstrate BitAvatar usage, including grouping in list of BitAvatarGroup

Storybook Navigation

  • Updated storybook with new documentation and samples

Close #46 , Close #47

Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please, check the warnings. Some InlineData on not null properties can be removed

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Fixed in bfebab7


@if (HasUserStatus())
{
<div class="avatar-status @GetUserStatusClass()">
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

In this case I would add a ComputeUserStatusClasses() in which specify also the avatar-status class using the CssClassBuilder

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Changed in bfebab7


@if (HasPresenceStatus())
{
<div class="avatar-presence @GetPresenceStatusClass()">
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

In this case I would add a ComputeUserPresenceClasses() in which specify also the avatar-presence class using the CssClassBuilder

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Changed in bfebab7

return statusClass;
}

private string GetPresenceStatusClass()
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

as wrote in the .razor file in this case I'd rename this method in ComputeUserPresenceClasses and use the CssClassBuilder adding the base class too

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Changed in bfebab7

@Defkon1 Defkon1 requested a review from albx October 15, 2025 07:18
@albx albx merged commit 5a4d191 into albx:main Oct 17, 2025
2 of 3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[FEATURE] Add support for avatar list group element [FEATURE] Add avatar component

2 participants