Preloader

Adds a loading animation inside of an element.

Note: This element is positioned absolutely and centered within the element, as such it's necessary to make sure the container has position: relative

Default Usage

= ui_component('preloader')

Note that the above will output the markup for the preloader. To make it visible, you need to add a class of is-loading to the parent container.

Example

Styled Example

= ui_component('preloader', properties: { styled: true })