Spinner

Create an animated loading spinner.

Usage

To create a spinner, add the uk-spinner attribute to a block element.

<div uk-spinner></div>
  • <div uk-spinner></div>

Ratio

Add the ratio: 3 parameter to the uk-spinner attribute to triple its size – or any other number, depending on how big you want the spinner to be.

<div uk-spinner="ratio: 3"></div>
  • <span class="uk-margin-small-right" uk-spinner="ratio: 3"></span>
    <span uk-spinner="ratio: 4.5"></span>