Go Main page
Go Main page

Web components

Foundations
Components
About
cover

components

Loader

v.1.0.0 | Saturn

Usage

The name of the tokens object to style loader is LOADER_STYLES.

You cannot change the name of the tokens object.

In order to modify the styles of the loader component, you need to modify the LOADER_STYLES object creating or updating the variants associated.

Variants

Variants can modify the styles of the loader.

The tokens used are:

1234567
const LOADER_STYLES = {
  [VARIANT]: {
    parentContainer?: CommonStyleType;
    container?: CommonStyleType;
    animation?: CSSProp;
  }
}

Example

loader theme object example:

12345678910
const LOADER_STYLES = {
  [VARIANT]: {
    container: {
      display: 'display',
      width: 'width',
      height: 'height',
    },
    animation: css`
      border: 'border';
      animation: 'animation';
LoaderCode API
LoaderAccessibility