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

Any way to omit the size attributes? #108

Open
ErikBooij opened this issue Jul 2, 2023 · 1 comment
Open

Any way to omit the size attributes? #108

ErikBooij opened this issue Jul 2, 2023 · 1 comment

Comments

@ErikBooij
Copy link

Hello folks!

I'm currently working on a project where the Feather icons turned out to be an amazing complement to Heroicons (great icons, but not nearly complete enough for my app).

The problem is that everywhere in my app, I'm sizing the icons based on (Tailwind) classes and in order to keep icons of both sets interchangeable in my components, I need to be able to render the Feather SVGs without the height and width properties, but as far as I can tell, there's no way to do that, currently.

So my question is, would you be open to the option of adding that in one way or another?

@imMatheus
Copy link

Maybe im misunderstanding the question, but if you want to change the height and width using tailwind, there are many ways of doing so.

import { Camera } from "react-feather";

export const SomeComponent = () => {
    return (
        <Camera className="h-10 w-10" />
    )
}

OR

import { Camera } from "react-feather";

export const SomeComponent = () => {
  return (
    <div className="w-10 h-10">
      <Camera className="h-full w-full" />
    </div>
  );
};

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