Типы статистики семантического пользовательского интерфейса

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

Semantic UI имеет множество компонентов для дизайна пользовательского интерфейса. Один из них – «Статистика». Существуют разные виды статистики.

Мы создадим пользовательский интерфейс для отображения различных типов статистики. После создания этого базового шаблона вы можете работать с различными компонентами Semantic UI.

Класс типов семантической статистики пользовательского интерфейса:

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

Синтаксис:

<div class="ui Statistic-Types-class">  
     <div class="ui statistic">
        ....
     </div>
     <div class="ui statistic">
        ....
     </div>
     ....
</div>

Пример 1: Этот пример демонстрирует одиночную статистику с использованием статистического класса.

Выход:

Пример 2: В этом примере демонстрируется групповая статистика с использованием класса статистики .

Выход:

Ссылка: https://semantic-ui.com/views/statistic.html