Provide a loading state for a component or page using a customizable loading spinner.
The loader component is available in a
dark color, which you can choose using the
You're able to use the
size modifier to control the size of your loader component, using one of the available sizes:
By default, loaders are set to have a
64px width and height.
You can set the loader size to fit the container that it is in by using the
auto size property. Make sure to use the same height and width to keep the correct aspect ratio.
You're able to provide some additional text by using the
default loader slot.
Here you can find a list of the various customization options you can use for the loader component as props, as well as available slots.
Here you can find a list of the Sass variables you can use for the loader components. If you're looking to find common variables that these rely on, you should take a look at the Sass Variables page.