feat(avatarGroup): introduce

[AugustinMauroy]

Description

Introduce avatarGroup

Validation

• It's should be same as figma
• If 404 put two charter of "alt props"

Related Issues

Closes #5910

Check List

• I have read the Contributing Guidelines and made commit messages that follow the guideline.
• I have run npx turbo lint to ensure the code follows the style guide. And run npx turbo lint:fix to fix the style errors if necessary.
• I have run npx turbo format to ensure the code follows the style guide.
• I have run npx turbo test to check if all tests are passing.
• I've covered new added functionality with unit tests if necessary.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
nodejs-org	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 14, 2023 10:07am

[github-actions]

Unit Test Coverage Report

Lines	Statements	Branches	Functions
	95.09% (291/306)	77.77% (56/72)	93.65% (59/63)

Unit Test Report

Tests	Skipped	Failures	Errors	Time
29	0 💤	0 ❌	0 🔥	7.89s ⏱️

[ovflowd]

This implementation doesn't look right. It would only work if the images are perfect squares.

[ovflowd]

We need to know what if image is 404. This is an illustration I did on figma. So it's not part of the design system

I'd vote for the two first letters of their github username :) or at your criteria, that's a common pattern and doesn't require us adding yet another img.

[AugustinMauroy]

This implementation doesn't look right. It would only work if the images are perfect squares.

should I use overflow-hidden?

[AugustinMauroy]

I'd vote for the two first letters of their github username :) or at your criteria, that's a common pattern and doesn't require us adding yet another img.

done ! And FYI: GitHub add gray octocat if 404.

[ovflowd]

This implementation doesn't look right. It would only work if the images are perfect squares.

should I use overflow-hidden?

I assume Radix UI does that for you

[ovflowd]

I don't think you've noticed, Augustin. But you literally reverted my changes. 😞

[ovflowd]

I've re-added my changes. Please, be more careful next time, Augustin. Pull branches instead of force-pushing.

[ovflowd]

Anyhow, overall, thank you for your contribution, Augustin! I appreciate your effort here.

As usual, I'd recommend to be more attentive to feedback, and more careful when pushing changes, and be more diligent (self-review) your changes before pushing them 🙇