Liste öğeleri
Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
Liste görünümü, içeriği dikey olarak kaydırılabilen tek sütunlu bir listede satır öğeleri olarak görüntüler. Bu görünüm, kullanıcıların seçimlerini yapmak için metin okumaya ve verileri görüntülemeye güvendikleri durumlarda en iyisidir.
Liste öğeleri, tablo öğelerine göre daha az dikey alan gerektirir ve bu da ekranda daha fazla öğenin görüntülenmesine olanak tanır.
Izgara bileşeni
Izgaralar, görüntüleri vurgulayan alternatif bir görüntüleme modu sunar.
Anatomi
Liste görünümünde, her satır bir liste öğesini temsil eden bir kutucuk içerir. Birincil işlemler kutucuğu doldurabilir, böylece kullanıcılar kutucuğun herhangi bir yerinden işlem başlatabilir. Simgeler ve metinle temsil edilen ek işlemler için, yalnızca simgeleri ve metni içeren bölge işlem yapılabilir durumdadır.
1. Birincil simge 2. Anahtar düğmesi açık 3. Anahtar düğmesi kapalı 4. Birincil ve ikincil metin 5. İçerik kutucuğu
Özellikler
Tek satırlık liste öğesi
İki satırlık liste öğesi
İki satırlı liste öğesi tersine çevrildi
Başlığı olan çok satırlı liste öğesi
Başlıksız çok satırlı liste öğesi
Metin taşması olan liste öğesi
Bölünmüş eylemlere sahip liste öğesi
Liste öğelerinde gösterge simgesinin yerleşimi
Ölçeklendirme düzenleri
Bu referans düzenler, liste öğelerinin çeşitli genişlik ve yüksekliklerdeki ekranlara nasıl uyarlanacağını göstermektedir. (Genişlik ve yükseklik kategorileri Düzen bölümünde tanımlanmıştır.) Tüm piksel değerlerinin, herhangi bir örnekleme azaltma veya artırma işlemi gerçekleşmeden önce, işlenmiş pikseller cinsinden olduğunu unutmayın.
Düzen
Çeşitli ekran boyutları için kenar boşlukları, ana hatlar ve dolgu.
Yerleşim etiketleri
E, M, KL, P, Flex tanımları
Standart, geniş ve ekstra geniş ekranlar
İçerik kutucuğu bulunan standart, geniş ve ekstra geniş ekranlar
[[["Anlaması kolay","easyToUnderstand","thumb-up"],["Sorunumu çözdü","solvedMyProblem","thumb-up"],["Diğer","otherUp","thumb-up"]],[["İhtiyacım olan bilgiler yok","missingTheInformationINeed","thumb-down"],["Çok karmaşık / çok fazla adım var","tooComplicatedTooManySteps","thumb-down"],["Güncel değil","outOfDate","thumb-down"],["Çeviri sorunu","translationIssue","thumb-down"],["Örnek veya kod sorunu","samplesCodeIssue","thumb-down"],["Diğer","otherDown","thumb-down"]],["Son güncelleme tarihi: 2026-03-11 UTC."],[],[]]