Состояние загрузки раскрывающегося списка Semantic-UI

Semantic UI — это платформа с открытым исходным кодом, которая использует CSS и jQuery для создания отличных пользовательских интерфейсов. Это то же самое, что и загрузчик для использования, и имеет множество различных элементов, которые можно использовать, чтобы сделать ваш сайт более удивительным.

Выпадающий список семантического пользовательского интерфейса позволяет пользователю выбирать значение из ряда параметров. Выпадающий список Semantic-UI предлагает нам 11 типов раскрывающегося списка и 3 типа содержимого: заголовок, разделитель и значок. В этой статье мы узнаем о состоянии загрузки .

Состояние загрузки раскрывающегося списка Semantic-UI используется для создания раскрывающегося списка, показывающего, что его данные загружаются в данный момент.

Класс состояния загрузки выпадающего списка Semantic-UI:

• загрузка: этот класс используется для создания раскрывающегося списка, показывающего, что его данные загружаются в данный момент.

Синтаксис:

<div class="ui loading dropdown">
    Dropdown <i class="dropdown icon"></i>
    <div class="menu">
        <div class="item">Choice 1</div>
        ...
    </div>
</div>

В приведенном ниже примере показано состояние загрузки раскрывающегося списка Semantic-UI:

Пример 1:

Выход:

Пример 2:

Выход:

Ссылка: https://semantic-ui.com/modules/dropdown.html#loading