Loader

<sw-loader>

ready
Renders a loading indicator for panels, input fields, buttons, etc.

Usage

Loading...
<sw-loader></sw-loader>

Component properties

Property name Type Default
size String 50px

Imports

  • ./sw-loader.scss
  • ./sw-loader.html.twig

SASS variables

Variable name Value
$sw-loader-color-overlay rgba(255, 255, 255, 0.8)
$sw-loader-element-color $color-shopware-blue ($color-shopware-brand-500)
$sw-loader-rotate-duration 1.4s
$sw-loader-colors-duration 5.6s
$sw-loader-z-index $z-index-loader (400)

Twig blocks

  • sw_loader_element
  • sw_loader_container
  • sw_loader