jakobhoeg / enhanced-button

An enhanced version of the default shadcn-button component

Website | LinkedIn

enhanced-button's Issues

Allow more types of Icons as IconProps

Goal

I would like to use lucide (or any other) icon library for my icons in the expandIcon button variant.
When doing so tho, the type is not allowing it.
I managed to get around this by changing in the IconProps the Icon type to React.ReactNode and updating the Icon use from <Icon /> to {Icon}.
This allows me to use the Icon like this:

Problem

Now i have the problem that the expanding Animation for the Icon is not working anymore / the Icon is not showing up at all.
Could you help / update the code to allow other Icons to be animated too?

Resources

Reproduction Link: BirthdayyBot/dashboardV2

Page looks weird on medium sized screens

Page on medium sized screens looks weird

A detail when pasting the button component

First of all your idea is very cool and I love it. The situation is that when I paste the button component that you provide, I save and I get the following error, I have a project with a long and good development, I liked the idea and I wanted to implement some details in the buttons but I get this error...I will try to fix the error but I leave it here in case someone else has the same problem.

Updated: I think the problem is related to the prop "aschild".