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>.
Usage
Import
To import the component you just have to use this code below.
import { XLoader } from '@marigold/components';Appearance
Sorry! There are currently no variants and sizes available.
Props
| Property | Type | Default | Description |
|---|---|---|---|
className | string | none | Set class names of the loader. |
size | string | number | 150 | Set 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>.
Preview
Code