Icon

Icon elementinin işlevine göz atın.

Arayüz tasarımında ön tanımlı olarak eklenmiş olan ikonları ekleyebilirsiniz. Icon elementi bir yazı tipinden beslenir. İkonun tipini Properties (Özellikler) panelinden seçebilir, renk, boyut gibi özelliklerini Styling (Stil) / Text (Metin) bölümü ile ayarlayabilirsiniz.

Icon Ekleme

Elements panelinden Icon elementini ekrana sürükle bırak ile ekleyin. Eğer ekranda boş bir alana sürüklerseniz Row elementi ile eklenir. Ayrıca bir Row içine de sürükle bırak ile ekleyebilirsiniz.

Container tipindeki elementler içine ekleyebileceğiniz gibi Badge ve ContentMenu elementleri içine de ikonlar ekleyebilirsiniz. Özel bir ikon seti tasarımınız varsa arayüze ekleyebilmek için Image elementini kullanabilirsiniz.

Icon elementi mobil ve web uygulamaları desteklemektedir.

Icon elementi içine metin ekleyebilirsiniz. Elemente role bağlı yetkilendirmeler verebileceğiniz gibi visibility'i (görünürlük) de always visible (göster)/ hidden (gizle) / sometimes visible (koşullu görünürlük) seçenekleriyle ayarlayabilirsiniz.

Icon

Kullanmak istediğiniz ikonu listeden seçerek değiştirebilirsiniz.

Tooltip

Web uygulamalarında ikon üzerine Cursor sürüklendiğinde açılacak olan yardımcı metni ekleyebilirsiniz.

Authorization (Yetkilendirme)

Icon elementi için yetkilendirme seçeneklerini kullanabilirsiniz.

Visibility (Görünürlük)

Elementin görünürlüğünü yönetebilirsiniz. Her zaman görünür, gizlenir veya bir koşula bağlı olarak görünüp gizlenmesini sağlayabilirsiniz.

Actions (Aksiyonlar)

Icon elementine ekleyebileceğiniz aksiyonları Add Actions ile ekleyebilirsiniz.

Icon elementine layout (düzen), fill (dolgu), border (kenarlık) veya shadow (gölge) ekleyerek ek düzenlemeler yapabilirsiniz.

Çevresel iç boşluklar ve boyutlandırma gibi görsel düzenlemeleri yapabilirsiniz.

Icon' a ait renk ve boyut gibi özellikleri text (metin)bölümü ile ayarlayabilirsiniz.

Icon gövdesine renk ekleyebilirsiniz.

Icon'un dış kenarlarına çizgi ekleyebilir, radius (köşe eğimleri) verebilirsiniz.

Icon elementine gölge efekti ekleyebilirsiniz.

Last updated