geist-org / geist-ui

A design system for building modern websites and applications.
https://geist-ui.dev
MIT License
4.32k stars 334 forks source link

Multiple sizes for the avatar component #779

Open jacobhq opened 2 years ago

jacobhq commented 2 years ago

Feature request 🚀

Expected

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)

nonzzz commented 2 years ago

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:)

ephraimduncan commented 2 years ago

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