Spinner Test

The following is an example of a spinner component. It indicates a loading or processing state.

Default Spinner

<%- useComponent('spinner', { id: 'example-spinner', content: 'Loading...' }) %>

Inline Spinner

<%- useComponent('spinner', { id: 'inline-spinner', content: 'Loading...', inline: true }) %>

Slow Spinner

<%- useComponent('spinner', { id: 'slow-spinner', content: 'Loading...', speed: 'slow' }) %>

Fast Spinner

<%- useComponent('spinner', { id: 'fast-spinner', content: 'Loading...', speed: 'fast' }) %>

Slow Inline Spinner

<%- useComponent('spinner', { id: 'slow-inline-spinner', content: 'Loading...', inline: true, speed: 'slow' }) %>