Spinner

Usage

Spinner

The Spinner component is used to indicate that something is loading. It is just a combination of the Icon component and the utility classes.


                                                
                                                <svg width="24" height="24" class="animation-spin-clockwise">
                                                  <use xlink:href="/icons/svg/sprite.svg#spinner" />
                                                </svg>
                                                <svg width="24" height="24" class="text-primary animation-spin-clockwise">
                                                  <use xlink:href="/icons/svg/sprite.svg#spinner" />
                                                </svg>
                                                <svg width="24" height="24" class="text-secondary animation-spin-clockwise">
                                                  <use xlink:href="/icons/svg/sprite.svg#spinner" />
                                                </svg>
                                                <svg width="24" height="24" class="text-primary-inverted animation-spin-clockwise">
                                                  <use xlink:href="/icons/svg/sprite.svg#spinner" />
                                                </svg>
                                                <svg width="24" height="24" class="text-secondary-inverted animation-spin-clockwise">
                                                  <use xlink:href="/icons/svg/sprite.svg#spinner" />
                                                </svg>