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

Icon names are difficult to discover #46

Open
archiewood opened this issue Jan 17, 2024 · 3 comments
Open

Icon names are difficult to discover #46

archiewood opened this issue Jan 17, 2024 · 3 comments

Comments

@archiewood
Copy link

The names used by Steeze UI are not consistent with the names of the underlying icon packs.

This is not an issue, but it seems hard to find what the actual names are.

For example, in SimpleIcons, there is an npm logo named npm and in Steeze UI this is called Npm (note capitalization).

Is there a good way to discover these names? Or perhaps a pattern that Steeze UI uses that can be documented?

@archiewood archiewood changed the title Names are difficult to discover Icon names are difficult to discover Jan 17, 2024
@JustinVoitel
Copy link
Contributor

When creating steeze-ui/icons I took some inspiration from heroicons react to use Upper Camel Case (Pascal Case) for all icons with the rule: if the original icon name starts with a number a underscore is prefixed.

I know searching for a specific icon can be annoying, thats why I had a icon searcher planned
here but no time to realize it yet..

@archiewood
Copy link
Author

archiewood commented Jan 26, 2024

@JustinVoitel very much appreciate your work! Has been very useful.

Is there code somewhere that implements this pattern?

@archiewood
Copy link
Author

Aha I think I found it in here: https://github.com/steeze-ui/icons/blob/main/packages/core/src/index.ts

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants