Tooltip

Тултип — базовый компонент, который служит основой для компонента Action Tooltip. Появляется по наведению на кнопки и, как правило, содержит объяснение или дополнительную информацию о действии, которое совершится после клика на кнопку.

Тултип используется только тогда, когда необходимо разместить нестандартный контент внутри подсказки. В остальных случаях рекомендуется использовать Action Tooltip.

§Размеры и стиль

Размер тултипа адаптируется под контент. Цвет и стиль тултипа — неизменный.

§Контент внутри

Тултип может содержать в себе произвольный контент. Рекомендуется придерживаться общих гайдлайнов и отступов при проектировании содержимого тултипа.

§Тайминг

В зависимости от цели, которую выполняет тултип, можно менять тайминг его появления и исчезновения. Базово используется небольшая задержка появления в 250 мс, а исчезает тултип мгновенно, после того как пользователь убирает курсор с кнопки.

Если вы предполагаете, что значительная часть пользователей может нажать на кнопку, не читая тултип, следует использовать задержку, чтобы не раздражать пользователей ненужными подсказками. Если же предполагается, что, не прочитав подсказку, мало кто станет нажимать на кнопку, то задержку лучше убрать, чтобы не заставлять пользователя ждать описания функционала.

§Положение

Расположение тултипа подбирается так, чтобы тултип перекрывал минимум контента на странице. Оптимальное расположение — там, где перекрытие минимально.