#Animated loader on action icons should be optional

7 messages · Page 1 of 1 (latest)

elder junco
#

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?

GitHub

A fully featured React components library. Contribute to mantinedev/mantine development by creating an account on GitHub.

autumn anchor
elder junco
#

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?

autumn anchor
elder junco
#

I would essentially want to do <ActionIcon loaderProps={{ noTransition={true}}}...>

#

Or even <ActionIcon noLoaderTransition={true} ...>

autumn anchor