Circle Spiner

The cirlce spinner is an element that shows an animated circular load spinner.

Component Macros

• $color
  Sets the colors for each of the circular pieces

Variables

• size
  The width and height of the spinner. The animated pieces fit into the size given.

Preview

Example

<ws-circle-spinner></ws-circle-spinner>
<ws-circle-spinner ws-x="[$color @secondary]"></ws-circle-spinner>
<ws-circle-spinner ws-x="[@size 50px] [$color @warning]"></ws-circle-spinner>
<ws-circle-spinner ws-x="[@size 30px] [$color @accent]"></ws-circle-spinner>
<ws-circle-spinner ws-x="[@size 150px] [$color @danger]"></ws-circle-spinner>