Tooltip elementi, kullanıcı bir öğenin üzerine geldiğinde açıklayıcı bir mesaj göstererek arayüzü sade tutup ek bilgiyi yalnızca ihtiyaç duyulduğunda sunmak için kullanılır.
Tooltip elementi, kullanıcı arayüzünde bir öğeye dair ek bilgi sunmak için kullanılan etkileşimli bir bilgi balonudur. Kullanıcı, ilgili öğenin üzerine geldiğinde Tooltip belirir ve öğeyle ilgili açıklayıcı bir mesaj gösterir. Bu sayede arayüz sade tutulurken, ihtiyaç duyulan ek bilgiler kullanıcıya yalnızca gerektiğinde gösterilmiş olur.
Bu elementi kullanabilmek için öncelikle “Tooltip” elementinizi sayfanıza sürükleyin. Title alanından görünmesini istediğiniz mesajınızı yazın. Gösterim yerini “Bottom” alanından ayarlayabilirsiniz. Yazı stilinizi seçin ve “Tooltip” içerisine “Image” elementinizi yerleştirin. İçerisine görselinizi yükleyin ve düzenlemelerinizi gerçekleştirin.
Uygulama test edildiğinde, görsel üzerine gelindiğinde Tooltip elementi otomatik olarak görüntülenir ve görselin neyi temsil ettiğini açıklayan kısa bir metin sunar. Kullanıcı imleci görselden uzaklaştırdığında tooltip kapanır. Bu yapı sayesinde ekranda ek alan kullanmadan kullanıcıya hızlı ve anlaşılır bilgilendirme sağlanır.
