Loader - Web Component

...

Browser support

Parameters

The Web component uses a <z-loader> tag.

The parametrization of the component can be done with the following custom HTML params:

Name	Type	Description
content (optional)	string	The text to be displayed in the loader.
small (optional)	boolean	Sets the loader as small

Playground

Customization

HTML Examples

Imports

<link rel="stylesheet" href="/0.3.7/@zurich/web-components/styles.css" />
<script type="module" src="/0.3.7/@zurich/web-components/loader.js"></script>

Code

<z-loader small></z-loader>
<z-loader content="Loading text"></z-loader>