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

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

Создание

Чтобы создать спиннер-загрузчик, добавьте к элементу блока атрибут 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.

Spinner