A Spinner is used to show the user a process is currently taking place. You can pick their size without a loss of quality due to the fact that SVGs are used.

Basic Usage

<!-- Default platform spinner with no options-->
<!-- Specific spinner -->
<spinner name="bars"></spinner>
<!-- Spinner with options -->
<spinner color="#ff00ee" :size="30"></spinner>

Vue Properties

Vue PropertyTypeDescription
nameStringOne of the values described below this table.
sizeNumberNumber defining the size in pixels or rem units.
colorStringCSS color string.

Following names are available: audio, ball, bars, circles, dots, grid, hearts, ios, oval, puff, rings, tail, facebook, gears, hourglass, infinity, pie, radio.