Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[AvatarGroup] Add support for avatar grouping #17611

Closed
IraSkyx opened this issue Sep 29, 2019 · 1 comment · Fixed by #18707
Closed

[AvatarGroup] Add support for avatar grouping #17611

IraSkyx opened this issue Sep 29, 2019 · 1 comment · Fixed by #18707
Assignees
Labels
component: avatar This is the name of the generic UI component, not the React module! new feature New feature or request

Comments

@IraSkyx
Copy link

IraSkyx commented Sep 29, 2019

This issue is dedicated to discuss support for a new avatar group component.

  • I have searched the issues of this repository and believe that this is not a duplicate.

Summary 💡

Like ButtonGroup does, the component should provide support for grouping avatar with a limited number of visible ones and a property maxCount indicating the "+X" number of other avatar. The "+X" label should provide an on click handler so users can add extra behavior (like showing the whole list of people's avatar).
There is no Material Design spec for this and I've searched on Google to find existing component and have found nothing.

Examples 🌈

Extracted from PeaPods, on MUITreasury :

image

Motivation 🔦

In the world of social interactions, events, etc... I think this component is worth the implementation, and it's quite easy to do. It is an equivalent for the "X people are going/interested in this Facebook event".

@eps1lon eps1lon added component: avatar This is the name of the generic UI component, not the React module! new feature New feature or request labels Sep 29, 2019
@adeelibr
Copy link
Contributor

Do we need to create a new component for AvatarGroup or a new demo using Avatar component that achieves the above expected result? 😄 @eps1lon

I would like to work on this feature, if possible.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: avatar This is the name of the generic UI component, not the React module! new feature New feature or request
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants