geist-ui icon indicating copy to clipboard operation
geist-ui copied to clipboard

Multiple sizes for the avatar component

Open jacobhq opened this issue 2 years ago • 2 comments

Feature request 🚀

  • [x] I will create Pull Request
  • [x] It's just a suggestion

Expected

  • Add a size prop to the avatar component

Examples

These would have similar sizes to Vercel's avatar component, but will not use numbers. Its API would be more similar to Chakra UI's avatar sizes API.

What the solution would look like

<Avatar size="lg" />

Possible sizes:

size: "xl" | "lg" | "sm"

I'm open to adding more sizes, and discussing what the width and height values for each one should be.

Others (Optional)

  • You could just manually set the w and h props on the avatar

jacobhq avatar Jun 02 '22 12:06 jacobhq

If you use past ver,You can view in past.Geist use size system.But break to 2.x it removed it.I don't think add prop size is useful.After ver 2.0 I think you can use scale system is better. By the way,you can see the release:)

nonzzz avatar Jun 07 '22 02:06 nonzzz

The scale prop works well for me in increasing the size of the Avatar Component.

ephraimduncan avatar Jul 26 '22 15:07 ephraimduncan