Компонент Спиннер

Загрузчик «Спиннер». Создайте анимированный загрузчик «Спиннер». Изменить размер загрузчика поможет параметр «ratio».

Spinner: Создание

Чтобы создать спиннер-загрузчик, добавьте к элементу блока атрибут uk-spinner.

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

Соотношение

Параметр «Ratio»

Добавьте параметр ratio: 3 к атрибуту uk-spinner, чтобы утроить его размер - или любое другое число, в зависимости от того, насколько большим должен быть размер спиннера.

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

Доступность

Компонент «Spinner» автоматически устанавливает соответствующие роли, состояния и свойства WAI-ARIA.

  • Спиннер имеет роль status.