Loaders

We offer two loaders, Loader and Loader2.

Loader

Sometimes you need to show a busy indicator while data is loading. The Loader component allows you to do that.

By default, it looks like this...

Loading...
For some reason, when you have two loaders on the same page, one with custom properties set and one without, the one without some of the settings from the other. Not sure why, but as this is an unusual scenario, I haven't put too much time into investigating it.

If your CSS file includes a variable named --loader-colour, then this will be used. If not, then a fallback value will be used, see the source code for the exact values.

Loader2

This imaginatively named component shows a different loading animation. Take your pick...

Loading...

Again, this one can be configured, see the source code for the exact values.

An error has occurred. This application may no longer respond until reloaded. Reload 🗙