OFRAG Frontend Components Library v0.0.0

Button Toolbar: With Loading Spinner 

<div class="sticky-toolbar">
    <div class="sticky-toolbar__container">
        <div class="button-toolbar">
            <div class="button-toolbar__button-wrapper">
                <button class="button--tertiary-light" type="submit">Secondary Button</button>
            </div>
            <div class="button-toolbar__button-wrapper">
                <button class="button--primary" type="submit">Primary Button</button>
                <div class="button-toolbar__button-loader">
                    <div class="loading-spinner">
                        <div class="loading-spinner__spinner--small"></div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
 
{% include '@SharedComponents/modules/shared/components/button-toolbar/button-toolbar.twig' %}
 
{
  "primaryButton": {
    "variant": "primary",
    "type": "button",
    "title": "Primary Button"
  },
  "secondaryButton": {
    "variant": "tertiary-light",
    "type": "button",
    "title": "Secondary Button"
  },
  "loadingSpinner": {
    "variant": "small"
  }
}
  • Content: 
    @import "~shared/base";
@import "~cando-cx-components-library/components/modules/shared/components/button-toolbar/button-toolbar";
  • URL: /components/raw/button-toolbar/button-toolbar.scss
  • Filesystem Path: src/components/modules/shared/components/button-toolbar/button-toolbar.scss
  • Size: 130 Bytes

No notes defined.