ui icon indicating copy to clipboard operation
ui copied to clipboard

feat(avatar): add avatar badge and avatar group

Open carstenlebek opened this issue 1 year ago • 6 comments

This PR adds AvatarBadge and AvatarGroup (including AvatarList) components.

The only necessary change to the existing Avatar component was to remove the overflow-hidden class from the Avatar component and instead add rounded-full to the AvatarImage component.

The badge could be used as an status indicator as shown in the demo.

The AvatarGroup component implements a limit of avatars and an optional overflow indicator.

carstenlebek avatar May 30 '23 15:05 carstenlebek

@carstenlebek is attempting to deploy a commit to the shadcn-pro Team on Vercel.

A member of the Team first needs to authorize it.

vercel[bot] avatar May 30 '23 15:05 vercel[bot]

Any updates>>>

lucasjinreal avatar Sep 02 '23 05:09 lucasjinreal

Any update in this PR

avjabalpur avatar Oct 09 '23 12:10 avjabalpur

will this pr review be approved?

tyeetale avatar Nov 14 '23 14:11 tyeetale

Any update?

ataschz avatar Dec 03 '23 22:12 ataschz

+1, this would be a great addition

nicostombros avatar Jan 08 '24 11:01 nicostombros

+1

the-iter8 avatar Feb 23 '24 19:02 the-iter8

#3344

JuanDa237 avatar Apr 09 '24 15:04 JuanDa237

I suggest the AvatarFallback class to be: border bg-primary text-white

This mantains the original color, and add a border to separate each avatar.

image

JuanDa237 avatar Apr 09 '24 18:04 JuanDa237

+1

c0yote avatar Jun 22 '24 02:06 c0yote

+1

pxlgrdnr avatar Jul 17 '24 23:07 pxlgrdnr