Thumbnail elementi, uygulamalarda küçük görsel önizlemeleri göstermek için kullanılan bir elementtir. Bir görüntünün veya videonun küçük hali üzerinden kullanıcıya içerik hakkında hızlı bir fikir sunar ve daha büyük bir içeriğe erişim için temel bir giriş noktası oluşturur.
Uygulamaya sayfanıza aksiyonunuzu Inital Action ile bağlayarak başlayın. Ardından bir “Vertical Stack” içerisine “Horizontal Stack” ekleyin. Onun içerisine “Thumbnail” elementinizi sürükleyip bırakın. Yanına ise bir Vertical Stack daha ekleyin. Thumbnail elementinize tıklayın ve tanımlamanızı yapın. Sağ panelden resmin konumunu, gelen görselin alanı doldurması için ayarlamalarınızı yapın. Styling alanından şeklini ve boyutunu düzenleyin. Sağdaki Vertical Stack içerisine iki tane Label elementi yerleştirin. Bunların uygun tanımlamalarını tek tek gerçekleştirin.
Uygulama test edildiğinde, Thumbnail elementi üzerinde otele ait görselin küçük önizleme olarak görüntülendiği görülür. Görselin yanında otel adı ve şehir bilgisi düzenli bir şekilde listelenir. Bu yapı sayesinde kullanıcı, içerik hakkında hızlıca fikir edinir ve listeleme ekranlarında görsel destekli, okunabilir bir sunum elde edilir.
