Тип всплывающей подсказки Semantic-UI

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

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

Тип всплывающей подсказки Semantic-UI используется для указания элемента всплывающей подсказки, который может отображаться без использования JavaScript. Элемент всплывающей подсказки использует псевдоклассы :before и :after.

Тип всплывающей подсказки Semantic-UI Используемый атрибут:

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

Синтаксис:

<div class="ui icon button" data-tooltip="" data-position="">
  <i class="icon-name icon"></i>
</div>

Пример 1. В этом примере мы опишем использование всплывающей подсказки Semantic-UI.

Выход:

Пример 2. В этом примере мы опишем использование всплывающей подсказки Semantic-UI с инвертированными вариантами данных.

Выход:

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