PipUI v1.6.0
  • 🌟Введиние
  • 🗃️Скачать
  • ⚠️Начало работы
  • Компоненты
    • Базовый набор
    • Отступы
    • Палитра цветов
    • Grid сетка
    • Панель навигации
    • Выпадающее меню
    • Постраничная навигация
    • Формы
    • Кнопки
    • Полосы прогресса
    • Меню навигации
    • Модальные окна
    • Оповещения
    • Подтверждения действий
    • Вкладки
    • Хлебные крошки
    • Спойлеры
    • Таблицы
    • Панель BB-кодов
    • BB-коды
    • Валидаторы форм
    • Индексы полей ввода
    • Всплывающие подсказки
    • Подсвечивающиеся блоки
    • Всплывающие блоки
    • Слайдер
    • Автозаполнение
    • Селектор тегов
    • Блоки оповещений
    • Селекторы даты и времени
    • Якоря
  • 📧Контакты
  • 🔁GitHub
Powered by GitBook
On this page
  1. Компоненты

Всплывающие подсказки

PreviousИндексы полей вводаNextПодсвечивающиеся блоки

Last updated 2 years ago

Компонент всплывающих подсказок - это отличная альтернатива стандартным атрибутам title. Используйте атрибут data-tooltip вместо стандартного title, для работы всплывающих подсказок.

Для направления отображения используйте альтернативный синтаксис data-tooltip-left, data-tooltip-right, data-tooltip-top, data-tooltip-bottom (слева, справа, сверху, снизу соответственно).

<a href="#" data-tooltip="Стандартная подсказка">По умолчанию</a> |
<a href="#" data-tooltip-left="Подсказка слева!">Слева</a> |
<a href="#" data-tooltip-top="Подсказка сверху!">Сверху</a> |
<a href="#" data-tooltip-bottom="Подсказка снизу!">Снизу</a> |
<a href="#" data-tooltip-right="Подсказка справа!">Справа</a>
Пример работы кода выше