Loader

Provides animated SVG loaders for both RACOM-branded and universal web apps.

Usage

The SVG can be used in many ways. In the context of a website the most common usages are:

When used inline the content of the SVG is placed directly into the HTML code.

This increases the size of the HTML file but reduces the number of requests.

The SVG can also be loaded from an external file by using the <img> tag same as any other image.

This reduces the size of the HTML file but increases the number of requests.

<img src="loader.svg" alt="Universal Loader" />

For advanced usage loader SVGs can also be accessed directly at /src/assets/loader.

Loader selection is based on the brand of the web app.

Used exclusively for RACOM-branded apps.

<img src="racom-loader.svg" alt="RACOM Loader" />

Used for all brands other than RACOM.

<img src="loader.svg" alt="Universal Loader" />