Hexagon Spiner

The hexagon spinner is an element that shows an animated hexagonal load spinner.

Component Macros

• $color

Variables

size

The width and height of the spinner, can use any css units. The animated pieces fit into the size given.

Preview

Example

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