I've been looking at the action icon which seems to have added an animation to the loader icon. This means that when the loader shows, the original icon is pushed down and the loader icon comes down from above. This is fine (great actually), but since it's done using a transition animation it doesn't work well when the loading time is close to zero, you just get a loader-blur. I'm wondering if it would be possible to make the transition duration (https://github.com/mantinedev/mantine/blob/afc992942bdaf4e807e83b9fcb6df340c5e22f4a/packages/%40mantine/core/src/components/ActionIcon/ActionIcon.tsx#L165) optional, or at least configurable. I'd be fine creating a PR for it myself, but there might be a reason for it missing?
#Animated loader on action icons should be optional
7 messages · Page 1 of 1 (latest)
You can change components styles with Styles API
Yes, that is our current solution. I was looking for a more declaritive solution to be used with the component. But this is by design then?
I do not understand what exactly you need. You have a standart approach to customize components styles with Styles API
I would essentially want to do <ActionIcon loaderProps={{ noTransition={true}}}...>
Or even <ActionIcon noLoaderTransition={true} ...>
Honestly, I do not really see a reason to add this. All variables that are related to CSS have impact on output size of html markup. You can override styles with almost the same charecter count with Styles API.