UIHint - компонент, позволяющий выводить дополнительную информацию при наведении курсора на активный элемент
На данный момент компонент обладает тривиальной логикой (отображение только вниз, центрирование посередине)
Кроме инициализации из js, существует возможность инициализации хинта непосредственно из html (навешиванием data-hint аттрибута)
Пример тултипа, с инициализацией из html:
<button data-hint="tooltip example">
Кнопка с хинтом
</button>
Пример хинта, с инициализацией из js:
new UIHint('.js-tooltip', {content: 'js hint content', timeout: 100})
При задании хинта в html - необходимо задать аттрибут data-hint, который принимает строку - контент хинта.
При задании хинта через js - необходимо вызвать конструктор, который принимает 2 аргумента.
Первый аргумент - селектор активного элемента, на который и будет навешан хинт
Второй аргумент - объект, содержащий параметры хинта:
{String} content - контент хинта
{Number} timeout - время задержки перед появлением хинта (по умолчанию 100мс)
Предполагается 2 способа использование хинта: