geist-org / geist-ui

A design system for building modern websites and applications.

Home Page:https://geist-ui.dev

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Multiple sizes for the avatar component

jacobhq opened this issue Β· comments

Feature request πŸš€

  • I will create Pull Request
  • 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
commented

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

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