Skip to content

Loader - CSS Component

The Loader component can be used imported from:

Playground

Construction

The CSS component uses a <div> tag. Using the z-loader HTML custom attribute will render the loader CSS component.

z-loader

The z-loader attribute is the main attribute used to render the loader.

small

It's possible to render a small version of the loader by adding the small flag.

INFO

You can add a text to the loader adding a <span> tag inside. If the z-loader attribute is small, the content of the text will be hidden.

Loading...

You can customize the color of the loader using the --z-loader--color CSS custom property.

Loading...

Browser support

Detected engine:  

  • Chromium

  • Webkit

  • Gecko

HTML Examples

CodeSandbox example