Overriding the default loader with a custom component

[grave mural]

Is there a way to do this that's not overly complex? I would like to be able to have an own-component for the loader animation. Can the component be overridden completely somewhere? Configuring loader on MantineProvider seems to only accept one of the three strings, and didn't like it when I tried to pass it a component 🙂

[grave field]

You can simply use your loader component instead

[grave mural]

I've tried different ways to override it, like the following as well:

theme: {
  components: {
    Loader: MyLoader
  }
}

Is there a way to override it centrally so it will be picked up by everything else?

[grave field]

No, it is not supported

Just use your own component instead of Mantine Loader

[grave mural]

Yes, but if I use for example <Button loading /> it will still use the built-in loader.

I'm not so much bothered about the cases where I use Loader explicitly, for sure then I can just use my component.

[grave field]

Alright, you are welcome to submit a PR that will implement this feature (v6 branch)

[ivory siren]

I guess there are no updates on this?
I probably can take a look at this issue as I have similar needs. Has anyone taken this yet?

[silent prism]

Has anyone figured this one out? I was tasked with switching out the old loader for a new one in a sizeable project and have exactly the same problem as OP, i.e. changing loading for a leftIcon on 100+ buttons seems unreasonable.

[silent prism]

@grave field I've been playing around with this today and I think I might have a solution. Would a PR still be welcome?