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 orientation prop #21847

Closed
1 task done
WillSquire opened this issue Jul 19, 2020 · 2 comments
Closed
1 task done

AvatarGroup orientation prop #21847

WillSquire opened this issue Jul 19, 2020 · 2 comments
Labels
component: avatar This is the name of the generic UI component, not the React module! waiting for 👍 Waiting for upvotes

Comments

@WillSquire
Copy link
Contributor

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

Summary 💡

Could be nice to have an orientation prop for displaying AvatarGroup either horizontally or vertically.

Examples 🌈

Much like the Divider API, passing vertical to orientation would achieve something like this:
Screenshot 2020-07-19 at 16 41 43

Motivation 🔦

I needed it recently because the horizontal option took up too much screen real estate on mobile.

Just tweaked it like so:

vertical: {
  display: 'flex',
  flexDirection: 'column',
  '& >:first-child': {
    marginTop: 0,
  },
  '& >*': {
    marginLeft: 0,
    marginTop: theme.spacing(-1),
  },
},
@WillSquire WillSquire added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Jul 19, 2020
@oliviertassinari oliviertassinari added component: avatar This is the name of the generic UI component, not the React module! waiting for 👍 Waiting for upvotes and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Jul 19, 2020
@oliviertassinari
Copy link
Member

I have added the waiting for users upvotes tag. I'm closing the issue as we are not sure people are looking for such abstraction. So please upvote this issue if you are. We will prioritize our effort based on the number of upvotes.

@marcosfrenkel
Copy link

Any updates on this?

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! waiting for 👍 Waiting for upvotes
Projects
None yet
Development

No branches or pull requests

3 participants