OFRAG Frontend Components Library v0.0.0

Loading Spinner: Vertically And Horizontally Centered 

<div class="loading-spinner -vertical -horizontal">
    <div class="loading-spinner__spinner--large"></div>
</div>
 
{% include '@SharedComponents/modules/shared/components/loading-spinner/loading-spinner.twig' %}
 
{
  "variant": "large",
  "centerVertical": true,
  "centerHorizontal": true
}
  • Content: 
    @import "~shared/base";
@import "~cando-cx-components-library/components/modules/shared/components/loading-spinner/loading-spinner";
  • URL: /components/raw/loading-spinner/loading-spinner.scss
  • Filesystem Path: src/components/modules/shared/components/loading-spinner/loading-spinner.scss
  • Size: 132 Bytes

The vertically centered variant only works within a parent with defined height (not here in variant simulation)