XLoader

Should be used for loading state.

The <XLoader> component, is a simple <SVG> that should be used for loading states. It should be displayed when the user is waiting for an upcoming event.

You can use all regular attributes of the <SVG>.

Import

import { XLoader } from '@marigold/components';

Appearance

Sorry! There are currently no variants and sizes available.

Props

PropertyTypeDefaultDescription
classNamestringnoneSet class names of the loader.
sizestring | number150Set the width and height of the loader.
...-Yes! You can use all regular properties of svg!

Examples

Use case name

In this Example you can see how to use the className and size property of the <XLoader>.