react-feather
react-feather copied to clipboard
Any way to omit the size attributes?
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?
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>
);
};