Choose a layout
Font family

Spinner

Create an animated loading spinner.

Report an IssueContexts

Table of contents

Usage

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

PR

Ratio

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

PR

Accessibility

The Spinner component automatically sets the appropriate WAI-ARIA roles, states and properties.

  • The spinner has the status role.