Tüm bileşenler
Tüm 308 Lyra UI bileşenlerini keşfedin. Aileye göre filtreleyin, ada göre arayın ve canlı önizlemeleri deneyin veya belgelenmiş bir örneği açın.
Konuşma ve Sohbet
- Ajan çalışma alanı — Metni, oluşturucuyu ve isteğe bağlı çalıştırma/araç/bilgi getirme/kaynak dayanağı/bağlam ayrıntıları bölmesini oluşturan bir yapay zeka görüşmesi için duyarlı kontrollü kabuk.
- Ses görselleştirici — Bir aracının boşta kalma, dinleme, düşünme veya konuşma durumunu yansıtan, tuval üzerine çizilmiş ses etkinliği görselleştirmesi.
- Dal seçici — Bir sohbet mesajının yeniden oluşturulmuş veya düzenlenmiş çeşitleri arasında kontrollü ‹ n / m › gezgini.
- Sohbet oluşturucu — Yerleşik gönderme ve durdurma kontrolleriyle sohbet mesajı girişini otomatik olarak yeniden boyutlandırma
- Sohbet mesajı — Avatar, rozetler ve duruma duyarlı altbilgi içeren rol tabanlı sohbet balonu kabuğu
- Sohbet görünümü — Aşağıya kadar takip etme davranışına, en son sürüme atlama hapına ve okunmamış bir bölücüye sahip olan transkript kaydırma kabı.
- Kontrol noktası — Bir sohbeti daha önceki bir duruma geri döndürmek için onayla ve sonra geri yükle olanağına sahip satır içi konuşma geri yükleme noktası.
- Kod bloğu — İsteğe bağlı gecikmeli sözdizimi renklendirmesi ve kopyalama düğmesi olan kod bloğu.
- Kod bloğu çekirdeği — Yalnızca derleme zamanı tarafından sağlanan dilbilgisi haritasından vurgulanan derleme yalın kod ekranı.
- Konuşma öğesi — Bir oturumun başlığını, önizlemesini ve zaman damgasını gösteren seçilebilir sohbet geçmişi satırı.
- Üretim metrikleri — Yapay zeka yanıtı akışı sırasında geçen süreyi, belirteçleri ve verimi gösterir.
- Devir bölücü — Bir transkriptteki aracılar arasındaki kontrol aktarımını işaretleyen etiketli ayırıcı.
- Markdown — GFM tabloları, kod blokları ve bağlantılar içeren Markdown metnini güvenli HTML olarak gösterir.
- Markdown çekirdeği — Yalnızca derleme zamanı tarafından sağlanan dilbilgisi haritasından korunan kodu vurgulayan, derleme odaklı Markdown oluşturma.
- Mesaj eylemleri — Kopyalama, yeniden oluşturma, düzenleme ve geri bildirim yerleşik özelliklerine sahip bir sohbet mesajı için mesaj başına eylem araç çubuğu.
- Mesaj geri bildirimi — İsteğe bağlı neden ve yorum ayrıntı paneliyle bir asistan mesajı için beğenilen/beğenilmeyen derecelendirme.
- Model seçimi — Sabit katalog veya serbest metinli özel girişe sahip sağlayıcı ve model seçici.
- Model ayarları paneli — Bir aracıyı yapılandırmak için eşleştirilmiş model seçici ve sıcaklık kaydırıcısı.
- Konuşmak için bas — Basılı tutma veya geçiş kullanımı için tüm izin isteği, kayıt ve sökme yaşam döngüsünün sahibi olan mikrofon yakalama düğmesi.
- Akış durumu — Kalp atışı algılamalı duraklama tespiti ile tek bir akış bağlantısının aşamasını gösterir.
- Akış halinde metin — Hızlı belirteç güncellemelerini birleştirerek akış asistanı metnini aşamalı olarak oluşturur.
- Akış metni çekirdeği — Markdown kipinde kod bloklarını yalnızca derleme sırasında sağlanan dil bilgisi haritasıyla renklendiren hafif akış metni görüntüleyicisi.
- Öneri çipleri — Başlangıç veya takip istemlerinden oluşan kaydırılabilir çip sırası; seçilen metni uygulamaya iletir.
- Konu listesi — Satırları sabitleme, arşivleme, silme ve yeniden adlandırma eylemlerine sahip gruplandırılmış, aranabilir konuşma kenar çubuğu.
- Transkript feed'i — Devam eden bir sesli oturum için, ara ve son yükseltmeler ve aşağıya doğru kaydırma ile canlı altyazı beslemesi.
- Yazma göstergesi — Asistanın bir yanıt oluşturduğunu gösteren sunumsal varlık işareti
- Kullanım rozeti — Bir mesaj veya çalıştırma için kompakt belirteçler/maliyet/gecikme şeridi ve fareyle üzerine gelindiğinde araç ipucu dökümü.
- Ses seçici — Satır içi ses önizlemesi ve eski değer işleme ile birlikte verilen bir katalog üzerinden TTS ses seçici.
- Widget görüntüleyici — Ajanın akış halinde gönderdiği bildirimsel JSON widget ağacını, izin verilen tür ve bileşen eşleştirmesiyle görüntüler.
- Mesaj parçaları — Metin, akıl yürütme, araç, alıntı, ek ve medya temel öğeleriyle birlikte sıralı, ara sayfalara eklenebilir yapay zeka mesajı parçaları oluşturur.
- İstem girişi — İstem yazmayı ekler, model ve ses seçimi, bilgi getirme kaynakları, bahsetmeler, komutlar ve sıraya alınan mesajlarla birleştirir.
- İstem kuyruğu — Hemen düzenlenebilen, yeniden sıralanabilen, kaldırılabilen veya gönderilebilen kontrollü bir takip istemleri kuyruğunu yönetir.
- Gerçek zamanlı oturum — Bağlantı, etkinlik, transkript, yakalama, sessize alma ve kesinti kontrolleri için sağlayıcıdan bağımsız bir sesli oturum kabuğu sağlar.
- Seçim araç çubuğu — Belge bağlantısını taşırken seçilen metnin yanında sorma, alıntı yapma, alıntı yapma ve kopyalama işlemlerini konumlandırır.
Ajan araçları ve gözlemlenebilirlik
- Etkinlik akışı — Bir aracının ayrıntılı eylemlerinin yalnızca eklenen akış günlüğü, çalıştırma bittiğinde tamamlanmış adımlar özetine dönüşür.
- Ajan değerlendirme panosu — Ölçüm kartlarını bir trend grafiği ve çalıştırma başına durum geçmişiyle eşleştiren kontrollü değerlendirmeye genel bakış.
- Ajan sorusu — Bir aracıya veya MCP sunucusu sorusuna kabul etme, reddetme ve iptal etme eylemleriyle yapılandırılmış bir yanıt toplar.
- Arka planda çalıştırmalar — Ana bilgisayar tarafından yönetilen kuyruğa alınmış, çalışan ve tamamlanmış aracı işlerini açma ve iptal istekleriyle gösterir.
- Bütçe ölçer — Kullanılamaz ve aşıldı durumları da dahil olmak üzere, bir sınıra göre sağlanan kullanımı görüntüler.
- Değişiklik incelemesi — Ana bilgisayar tarafından sağlanan dosya değişikliklerini inceler ve her parça için bir saklama veya atma kararı talep eder.
- Bağlayıcı yöneticisi — Bağlantı durumunu gösterir ve uygulama tarafından yönetilen bağlayıcılar için bağlantı kurma, bağlantıyı kesme veya yeniden deneme eylemlerini ister.
- İzin isteği — Kapsamlı bir izin isteği sunar ve kullanıcının izin verme veya reddetme seçimini uygulamaa bildirir.
- İzin kuralları — Ana bilgisayar tanımlı izin kurallarını görüntüler ve izin verme, sorma veya reddetme kararlarında değişiklik yapılmasını ister.
- Ajan çalıştırması — Tek bir ajan çalıştırmasının durumunu, geçen süresini, geçerli adımını ve maliyetini gösterir; iptal ve yeniden deneme eylemleri sunar.
- Ajan izi — Yayılma türü filtreleri ve tek bir paylaşılan yayılma dizisi üzerinde geçiş hızlı atlamaları ile hiyerarşik aracı/LLM izleme görünümü.
- Onay kuyruğu — Her biri tek bir paylaşılan iletişim kutusu aracılığıyla incelenen, onaylanan veya reddedilen, bekleyen araç çağrılarının klavyeden erişilebilen kuyruğu.
- Üretilen öğeler paneli — Önizleme/kod geçişi, sürüm gezinmesi ve kopyalama/indirme eylemleriyle aracı tarafından oluşturulan tek bir yapının etrafında kabuk oluşturun.
- Tarayıcı çerçevesi — Bir ekran görüntüsü akışını, salt okunur bir URL'yi ve devralma kontrollerini gösteren sunum amaçlı aracı-bilgisayar görünümü portu.
- Commit kartı — Bir fark görünümüne bağlanan diffstat ve dosya başına değişiklikler içeren kompakt commit özeti.
- Karşılaştırma paneli — Arena tarzı model değerlendirmesi için kazanan oylarla yan yana A/B çıktı karşılaştırması.
- Onay çubuğu — Önerilen bir aracı eylemi için satır içi, kalıcı olmayan onaylama/reddetme bloğu, diyalog yerine transkriptte yer alır.
- Bağlam denetçisi — Belirteç tahminleri, alıntılar, redaksiyon işaretleri ve kopyalama/dışa aktarma kontrolleri ile model çağrısı bağlam bölümlerinin inceleme görünümü.
- Değerlendirme veri kümesi — Ekleme, kaldırma, içe aktarma ve dışa aktarma olanaklarını içeren, filtrelenebilir ve etiketlenebilir değerlendirme örneği listesi.
- Değerlendirme sonucu — Bir değerlendirme örneğinin çalıştırmalarını karşılaştırmak için değerlendirme listesi puanlaması ve insan incelemesi yüzeyi.
- Değerlendirme çalıştırması — Bir değerlendirme kümesinin genel ilerlemesini ve her örneğin dayanak ile araç izlerini gösteren canlı görünüm.
- Politika özeti — Erişilebilir izin verme, reddetme veya inceleme ihtiyacı açıklamalarıyla birlikte korkuluk, izin, gizlilik ve araç politikası kararlarının salt okunur listesi.
- Zaman aralığı şelalesi — Bir aracı izinin yatay zaman çizelgesi, paylaşılan bir zaman eksenine göre durum tonlu çubuklar halinde yayılır.
- Çağrı yığını izi — JS/TS, tarayıcı ve Python çağrı yığınlarını, iç çerçeveleri daraltılabilen ve açılabilen kayıtlara ayırır.
- Görev listesi — Adım başına yaşam döngüsü durumu ve iç içe geçmiş alt adımlara sahip bir aracının planı için canlı, daraltılabilir izleyici.
- Terminal — Arama ve en alttan takip özellikleriyle akış halindeki aracı veya araç çıktısını görüntüleyen salt okunur ANSI konsolu.
- Test sonuçları — Durum başına sayımlar, filtre geçişleri ve otomatik genişleyen hata ayrıntılarıyla başarılı/başarısız test paketi özeti.
- Düşünme paneli — Bir yapay zeka ajansinin canlı veya gözden geçirilmiş muhakeme transkripti için daraltılabilir panel.
- Araç onayı iletişim kutusu — Önerilen bir araç çağrısını çalıştırılmadan önce onaylamak, reddetmek veya düzenlemek için döngüdeki insan kapısı.
- Araç çağırma bloğu — Bağımsız değişkenlerini, hatasını ve sonucunu gösterecek şekilde genişleyen, bir aracı aracı çağrısına yönelik daraltılabilir satır içi blok.
- Araç çağrısı çipi — Bir aracı aracı çağrısının adını, durumunu ve süresini özetleyen kompakt satır içi hap.
- Araç parametre formu — Çağrı bağımsız değişkenlerinde ince ayar yapmak için bir aracın düz JSON Şemasından düzenlenebilir bir form oluşturur.
- Araç sonucu iletişim kutusu — Bir araç çağrısının durumunu, süresini ve tüm sonuç ayrıntılarını gösteren kalıcı katman.
- Araç sonucu görünümü — Bir araç çağrısının sonucunu kayıtlı bir oluşturucu aracılığıyla JSON'a geri dönerek işler.
- Araç seçme iletişim kutusu — Hangi aracı araçlarının etkinleştirileceğini seçmek için kategoriye göre gruplandırılmış, aranabilir iletişim kutusu.
- Araç zaman çizelgesi — Ajan çalıştırmasındaki araç çağrılarını; yeniden deneme sayıları, insan onayı gereksinimi ve hassas alan gizleme ile kronolojik olarak listeler.
- İz ağacı — Bir ajan/LLM izlemesi için süre çubuğu ve isteğe bağlı belirteç/maliyet sütunları içeren daraltılabilir yayılma hiyerarşisi.
- Sonuç kartı — Özel araç-sonuç oluşturuculara küçük kart görünümü veren kenarlıklı kart kabuğu
- Sonuç alanı — Araç sonuç kartları ve yoğun meta veri şeritleri için kompakt etiket/değer satırı
- MCP Uygulaması — Yürütülebilir bir MCP Uygulaması kaynağını yalıtılmış bir sanal alanda barındırır ve ana makine isteklerini yazılan olaylar olarak ortaya çıkarır.
- İstem stüdyosu — Yapılandırılmış istemleri düzenlemek, önizlemek, sürüm oluşturmak, kaydetmek ve çalıştırmak için sağlayıcıdan bağımsız bir çalışma ortamı sağlar.
- Şema görüntüleyici — Kısıtlamalar, gerekli durum, kompozisyon dalları ve doğrulama sorunları ile seçilebilir JSON Şema ağaçlarını inceler.
- Alt ajan paneli — Durum, görev, model, ilerleme ve yaşam döngüsü eylemleriyle birlikte alt aracı çalıştırmalarının kontrollü bir hiyerarşisini görüntüler.
Bilgi getirme ve bilgi çizgeleri
- Topluluk kartı — Bilgi çizgesi topluluğu için üye çipleri ve detaylandırma eylemi içeren küme özet kartı.
- Vektör gömme gezgini — İsteğe bağlı küme renklendirmesi ve nokta seçimiyle, uygulama tarafından yansıtılan yerleştirme koordinatlarının erişilebilir 2B dağılım görünümü.
- Varlık kartı — Tür rozeti, özellikler, derece ve grafikte odaklanma eylemini içeren bir bilgi çizgesi varlığı için dosya kartı.
- Varlık çipi — Fareyle üzerine gelme/odaklanma önizleme açılır penceresiyle aracının düzyazısı için satır içi @entity'den bahsetme.
- Varlık dosyası — Bir başlık, güven istatistiği ve ilişkiler sekmeleri, destekleyici parçalar ve köken içeren varlık ayrıntıları yüzeyi.
- Çizge — İlişkileri kaydırılabilir, yakınlaştırılabilir, zorla yönlendirilmiş bir düğüm bağlantısı diyagramı olarak eşler.
- Çizge açıklaması — Görünürlük filtresi olarak da kullanılabilen eşleştirilmiş bir grafik için düğüm türü açıklama.
- Besleme kuyruğu — Bir besleme kanalından geçen, aşamayı, ilerlemeyi, sayımları ve yeniden deneme veya iptal isteklerini gösteren kontrollü belge listesi.
- Bilgi tabanı — Senkronizasyon durumu, indeksleme durumu, izinler ve satır başına yönetim istekleri ile bilgi tabanı kaynak listesini alın.
- Bilgi tabanı yöneticisi — Sekmeli işlemler, bilgi tabanı kaynaklarını besleme kuyruğuyla eşleştirir ve yönetim eylemlerini uygulamaa iletir.
- Bilgi çizgesi gezgini — Bilgi çizgesindeki varlıkları ve ilişkileri gezmek için etkileşimli görünüm.
- Zihin haritası — Bir hiyerarşiye mekansal olarak göz atmak ve bir konuyu detaylandırmak için radyal genişletilebilir konu ağacı.
- Komşu listesi — Bir varlığın, satır başına gezinme ve grafikte genişletme olanaklarına sahip ilişki satırları.
- Düğüm paleti — Düğümleri bir akış tuvaline sürüklemek veya yerleştirmek için aranabilir, kategorize edilmiş düğüm kitaplığı.
- Yol şeridi — GraphRAG akıl yürütme yolunu oluşturan kompakt, kaydırılabilir düğüm-ilişki-düğüm zinciri.
- Parça denetçisi — İlgili puan çubukları ve belge görüntüleyiciye derin bir bağlantı içeren, alınan RAG parçalarının sıralı listesi.
- Alıntı rozeti — Fareyle üzerine gelindiğinde önizleme ve güven/doğrulama renklendirmesine sahip satır içi [n] alıntı işaretçisi.
- Kaynak dayanağı özeti — Destekleyici kaynak sayısı, alıntı kapsamı, güven düzeyi, uyarılar ve kanıt parçalarını gösteren iddia düzeyinde özet.
- Bellek paneli — Kısa süreli bağlamı ve uzun süreli anıları gösteren ajan çalışma belleği paneli; güven düzeyi ve onay gerektiren eylemler sunar.
- Kaynak paneli — Tek bir cevabın arkasındaki temeli daraltılabilir varlıklar, ilişkiler, topluluklar ve parça dökümü olarak sunar.
- RAG cevabı — Güvenli Markdown, alıntı rozetleri, kaynak dayanağı ve genişletilebilir kaynak önizlemelerini bir araya getiren yanıt paneli.
- Araştırma ilerlemesi — Ana bilgisayar tarafından sağlanan araştırma adımlarını, kaynak sayımlarını ve genel tamamlama ilerlemesini gösterir.
- Bilgi getirme sonuçları — Tekilleştirme, kaynak gruplandırma, seçim ve kompakt veya genişletilmiş sunum modlarına sahip sıralı alma yığın listesi.
- Bilgi getirme araması — Filtre ve kapsam yongaları, bir vektör/anahtar kelime/karma mod seçici ve durum geri bildirimi içeren, bilgi getirme veya RAG yüzeyi için sorgu çubuğu.
- Bilgi getirme izi — Her yeniden yazma, yerleştirme, bilgi getirme, yeniden sıralama ve filtreleme aşaması için genişletilebilir kanıtlar içeren alma kanalı aşaması zaman çizelgesi.
- Kaynak kartı — Bir kaynağın başlığını, sayfasını, alıntısını ve genişletilebilir tam metnini gösteren alıntı girişi.
- Kaynak listesi — Bir sohbet mesajının kaynak kartlarını tek bir başlık altında toplayan açılıp kapanabilir panel.
- Kaynak seçici — Sonraki yanıtı destekleyecek kaynakları üç durumlu klasörler, tümünü seçme ve aramayla belirleyen onay kutusu ağacı.
- İddia kanıtı — Denetimler, destek durumu, güven ve kanıt içeren alıntılara karşı iddialar oluşturdu.
- RAG değerlendirme panosu — Ana bilgisayar tarafından hesaplanan sonuçlardan RAG kalite ölçümlerini, eğilimleri, değerlendirme dilimlerini ve çalıştırma geçmişini sunar.
- Bilgi getirme karşılaştırması — Sıralanmış erişim ve yeniden sıralama sonuç kümelerini örtüşme ve puan dökümleriyle yan yana karşılaştırır.
Formlar ve Girişler
- Düğme — Ton seçenekleri, boyutlar ve yükleniyor durumu sunan, tasarım belirteçleriyle özelleştirilebilir eylem düğmesi.
- Onay kutusu — İşaretli, işaretsiz ve belirsiz durumlarla Boolean form kontrolü.
- Onay kutusu grubu — İlgili onay kutularını formla ilişkili, doğrulanmış tek bir çoklu seçim alanında gruplandırır.
- Kod düzenleyici — İsteğe bağlı satır numarası aralığına sahip, bağımlılık içermeyen çok satırlı kod düzenleme yüzeyi.
- Renk seçici — Etiket, ipucu ve doğrulama hatası alanı bulunan, formla ilişkili yerel renk seçici.
- Açılan kutu — Bir metin girişini liste kutusu açılır penceresiyle eşleştiren, filtrelenebilir tekli veya çoklu seçim.
- Tarih girişi — Ekli takvim açılır penceresi ve ISO-8601 değeri içeren tarih alanı.
- Tarih seçici — Tek tarih veya tarih aralığı seçmek için sayfa içinde gösterilen aylık takvim.
- Emoji seçici — Emoji seçmek için aranabilir, klavyeyle gezinilebilen, formla ilişkili seçici.
- Simge düğmesi — Kompakt, erişilebilir, yalnızca simge içeren bir düğmeyle bir eylemi tetikler.
- Giriş — İsteğe bağlı etiket, ipucu ve satır içi doğrulama arayüzü içeren tek satırlı metin alanı.
- Ülke seçici — Çevrilmiş adlar, bayraklar ve isteğe bağlı arama ile ülke ve bölge kodlarını seçer.
- Para birimi seçici — Çevrilmiş adlar, simgeler ve isteğe bağlı arama ile para birimi kodlarını seçer.
- Saat dilimi seçici — Sıralı bir listeden saat dilimi tanımlayıcılarını isteğe bağlı arama ile seçer.
- Birim seçici — Çevrilmiş adlar, simgeler ve isteğe bağlı arama ile ölçü birimlerini seçer.
- Yerel ayar seçici — Etkin yerel ayarı değiştirmek için kütüphanenin kendi yerel ayar kayıt defterinden alınan kapalı liste açılır listesi.
- Sayı girişi — Minimum, maksimum ve adım kısıtlamalarının yanı sıra yerel kısıtlama doğrulamasını içeren sayısal alan.
- Seçenek — Seçilebilir seçenek, bir açılan kutuya değer, etiket, gruplama ve durum verilerini besler.
- Telefon girişi — Form değeri standart E.164 olan ülkeye duyarlı telefon alanı
- Seçenek düğmesi — Bir kümeden bir seçenek seçmek için formla ilişkili tek seçimli kontrol
- Seçenek düğmesi grubu — Etiketli, klavyede gezinilebilen tek seçimli radyo düğmeleri grubu.
- Değerlendirme ölçütü formu — Bir değerlendirme kuyruğunda çalışmak için gönder ve sonraki akışıyla yapılandırılabilir puanlama, kategori ve yorum değerlendirme listesi.
- Seç — Sabit bir seçenek kümesinden bir seçeneği seçmek için kapalı liste açılır menüsü.
- Signature pad — Accessible form control for drawing a signature with pointer or keyboard input.
- Kaydırma çubuğu — LLM sıcaklığı veya ses seviyesi gibi ayarlar için sayısal aralık kontrolü.
- Renk örneği seçici — Yerleşik bir radyo grubu sözleşmesiyle küçük, sabit bir renk örneği kümesi üzerinden tek seçimli seçici.
- Anahtar — Yerel formlar için açma/kapama anahtarı semantiğiyle Boolean geçişli form kontrolü.
- Metin alanı — Otomatik büyüme, doğrulama ve form kontrolü arayüzüyla çok satırlı düz metin girişi.
- Zaman girişi — Ekli bir sütun seçiciyle yerel ayara duyarlı bölümlere ayrılmış zaman alanı; tarayıcının yerel girişi[tip=zaman] deneyimi lr-yerel-zaman girişidir.
- Zaman aralığı — Sayısal bir alan üzerinde başlangıç ve bitiş aralığını seçmek için iki saplı fırça.
- Aç/kapat düğmesi — Bir seçeneği aria-pressed semantiğiyle açıp kapatan, kendi durumunu yöneten iki durumlu düğme.
- Aç/kapat düğmesi grubu — Gruplar, birden fazla veya silinebilir tek seçimle bir sekme durağının arkasındaki düğmeler arasında geçiş yapar.
- Yerel saat girişi — Lyra etiketine, ipucuna ve doğrulama arayüzüna sarılı yerel tarayıcı zaman seçici alanı, platformun kendi seçicisinin bölümlere ayrılmış lr-zaman girişi yerine tercih edilmesi durumunda kullanılır.
- Tek kullanımlık kod girişi — Yerleşik SMS otomatik doldurma özelliğine sahip, tek seferlik doğrulama kodunun girilmesi için bölümlere ayrılmış alan.
- Radyo düğmesi — Tek seçenekli kontrol, genellikle lr-radyo grubuyla bölümlere ayrılmış bir kontrol halinde gruplandırılan, daire yerine düğme olarak biçimlendirilmiştir.
- Çoklu etiket girişi — Etiketler veya alıcılar gibi çıkarılabilir belirteçlerin listesini toplayan formla ilişkili alan.
Veri Gösterimi
- Çizge sorgusu oluşturucu — Varlık bağlantıları, tür filtreleri, adım sınırları ve kayıtlı sorgularla çizge ilişkilerini ve yollarını düzenleyen form.
- Takvim — Etkinlik işaretçileri ve klavyeyle erişilebilen gündem görünümü içeren duyarlı ay takvimi.
- Bağlam ölçer — Belirteç bütçesi veya bağlam penceresi için bölümlere ayrılmış doluluk ölçer, çubuk veya halka.
- Belge kitaplığı — Sürümler, etiketler, sahipler, güncellik, sıralama ve toplu seçim içeren aranabilir ve filtrelenebilir belge envanteri.
- Ortam değişkenleri listesi — Ortam değişkenleri ve sırlar için satır başına gösterme ve kopyalama ile maskelenmiş anahtar/değer listesi.
- Dosya ağacı — Git durumu rozetleri ve yavaş dizin yükleme ile ağaç bileşeni üzerinde önceden ayarlanmış dosya gezgini.
- Akış tuvali — Görsel DAG iş akışları oluşturmak ve çalıştırmak için kaydırılabilir, yakınlaştırılabilir tuval.
- Akış kontrolleri — Eşleştirilmiş bir akış tuvali için yakınlaştırma, sığdırma ve kilitleme düğme kümesi.
- Akış mini haritası — Eşleştirilmiş bir akış tuvali için sürüklenebilir bir görüntü alanı dikdörtgenine sahip köşe genel bakış haritası.
- Akış düğümü — Akış tuvali için başlık, durum tonu ve bağlantı tutamaçlarını içeren iş akışı düğüm kartı.
- Akış çalıştırma durumu — Çalıştırma durumu dekorasyonlarını bir akış tuvaline iter ve kompakt bir adımlı özet şeridi gösterir.
- Huni — İlk aşamaya normalleştirilmiş çubuklar olarak adım adım dönüşüm düşüşünü gösterir.
- Ölçer — Tek bir değeri radyal, halka veya doğrusal ölçüm olarak gösterir.
- Isı haritası — Değerlerden oluşan bir matris veya takvim ızgarasını, yeniden boyutlandırmaya duyarlı tuval ısı haritası olarak işler.
- Sayfalandırma — Düzenlenebilir sayfa atlama ve öğe aralığı özetiyle kontrollü sayfada gezinme
- Durum oluşturucu — Alan/operatör/değer koşulu satırlarını bir VE/VEYA birleştiricisiyle birleştiren tablo veya gösterge tablosu verileri için şekillendirilebilir yapılandırılmış sorgu oluşturucu.
- Sıra şeridi — İsteğe bağlı bir işaretleyiciyle birlikte renkli hücreler olarak bir dizi kategorik durumu görselleştiren, öğe başına kompakt şerit.
- Mini grafik — Bir veri serisi için kompakt satır içi SVG eğilimini çizgi, doldurulmuş alan veya çubuklar olarak çizer.
- İstatistik — Birim, trend hapı, döküm satırları ve isteğe bağlı mini grafik içeren tek bir KPI sunar.
- Tablo — Sıralanabilir başlıklar, seçim, filtreleme ve sayfalandırma içeren sunumsal veri tablosu.
- Zaman çizelgesi — Denetim izleri, aracı geçmişleri ve değişiklik günlükleri için bağlantılı geçmiş olay satırları dizisi.
- Zaman çizelgesi öğesi — Renk kodlu işaretçi, başlık, zaman damgası ve açıklamayı içeren bir zaman çizelgesi için bir olay satırı.
- Ağaç — Grafiklerde, belgelerde veya dosya ağaçlarında gezinmek için hiyerarşiyi genişletme/daraltma
- Ağaç düğümü — Bir ağaç içindeki bir düğüm ve onun çocukları için özyinelemeli ağaç öğesi satır oluşturucusu.
- Kelime bulutu — Her kelimeyi ağırlığına göre ölçeklendiren sıfır bağımlılıklı SVG etiket bulutu
- Veri tablosu — Büyük veya sunucu destekli veri kümeleri için yerleşik sıralama, filtreleme, gruplama, sayfalama ve seçim özelliklerine sahip sanallaştırılmış veri ızgarası.
Grafikler
- Çubuk grafik — Kategoriler arasındaki değerleri dikey veya yatay çubuklarla karşılaştırır.
- Kutu grafiği — Önceden hesaplanmış beş rakamlı istatistik özetlerinden dağılımları özetler.
- Kabarcık grafiği — X, y konumu ve kabarcık yarıçapını kullanarak nokta başına üç boyutu çizer.
- Grafik — Core Chart.js sarmalayıcı güç hattı, çubuk, pasta ve diğer veri görselleştirmeleri.
- Halka grafiği — Parçanın bütüne oranlarını bir halkanın parçaları olarak gösterir.
- Histogram — Dağılımlarını ortaya çıkarmak için sayısal değerleri eşit genişlikte bölümlere ayırır.
- Çizgi grafiği — Bir veya daha fazla bağlantılı seri ile sürekli bir eksen üzerindeki trendleri izler.
- Basit grafik — Bağımlılık içermeyen çubuk ve çizgi grafik, düz SVG olarak işlenir, chart.js gerekmez
- Pasta grafiği — Bir serinin bütündeki payını gösteren orantısal pasta grafiği
- Kutup alanı grafiği — Her kategoriyi değerine göre ölçeklendirilmiş bir takoz şeklinde gösteren kutup alanı grafiği
- Radar grafiği — Radyal bir ızgarada bir serinin çeşitli ölçümlerini karşılaştıran radar grafiği
- Dağılım grafiği — Ham x/y nokta çiftlerinin doğrusal eksenler üzerindeki dağılım grafiği
Düzen ve Gezinme
- Akordeon — İsteğe bağlı olarak birkaçının aynı anda açılmasına izin vererek bir grup açıklama panelini koordine eder.
- Akordeon öğesi — Bir akordeon grubuna yerleştirilmek üzere tasarlanmış katlanabilir açıklama paneli.
- Uygulama rayı — Tamdan yalnızca simgeye ve mobil katmana uyum sağlayan duyarlı gezinme rayı.
- Uygulama rayı grubu — Gezinme öğelerini bir uygulama rayı içinde gruplandıran başlıklı, isteğe bağlı olarak daraltılabilir bölüm.
- Uygulama rayı öğesi — Yalnızca simge daraltılmış durumu olan bir uygulama rayı için simge ve etiket gezinme öğesi.
- İçerik haritası — Kullanıcının sayfa hiyerarşisindeki konumunu gösteren duyarlı gezinme izi
- İçerik haritası öğesi — İçerik haritası gezinme yolundaki bir bağlantı veya geçerli sayfa etiketi
- Düğme grubu — İlgili eylem düğmelerini tek bir duyarlı, etiketli kümede gruplandırır
- Kart — Üstbilgi, medya, altbilgi ve eylem yuvalarıyla kenarlıklı içerik yüzeyi.
- Atlıkarınca — Klavye gezintisi, göstergeler, döngü ve otomatik oynatma özelliklerine sahip, erişilebilir tek slaytlı atlıkarınca.
- Atlıkarınca öğesi — Bir atlıkarınca çocuğuna tutarlı öğe stili sağlayan isteğe bağlı anlamsal slayt sarmalayıcı.
- Komut paleti — Klavye gezintisi ve kısayollar içeren aranabilir uygulama komut menüsü.
- Kontrol grubu — Karışık form kontrollerini ve eylem düğmelerini duyarlı, ortalanmış tek bir araç çubuğu satırında gruplandırır.
- Kontrol paneli ızgarası — Düzen girişlerini konumlandıran ve taşıma, yeniden boyutlandırma ve çarpışma isteklerini gönderen duyarlı, klavyeyle erişilebilen kontrollü widget ızgarası.
- Ayrıntılar — Bir özetin altındaki içeriği ortaya çıkaracak şekilde genişleyen erişilebilir açıklama paneli.
- Kenara sabitlenen panel — Yeniden boyutlandırılabilir, katlanabilir panel, mevcut düzeninizin bir kenarına sabitlenir.
- Detaya gitme paneli — Bir grafik veya tablo verisinden ilgili kanıtlara, belgelere, varlıklara veya aracı çalıştırmalarına, kırıntı yolu ile kontrollü gezinme kabuğu.
- Açılan öğe — Açılır menüdeki tek bir eylem satırının Web Awesome uyumlu takma adı.
- Filtre çubuğu — Lyra girişlerini ve çıkarılabilir yongaları, sıfırlama ve yükleme durumlarını içeren kontrol paneli filtre satırı.
- Menü — Gezici odağa ve iç içe geçmiş alt menülere sahip, eylem öğelerinin satır içi anlamsal menüsü.
- Menü öğesi — İsteğe bağlı simge, onay kutusu veya yıkıcı stil içeren bir menü için tek eylem satırı.
- Öğeyi yeniden sırala — Yeniden sıralama listesindeki tek satır, yukarı/aşağı hareket düğmelerini isteğe bağlı aralıklı içerikle eşleştirir.
- Listeyi yeniden sırala — Satır başına düğmeler veya Ctrl/Cmd+Arrow kısayolu aracılığıyla taşınan, yeniden sıralanabilir genel satır listesi.
- Menü etiketi — Bir menü listesindeki ilgili öğeleri gruplandırmak için etkileşimli olmayan bir bölüm başlığı ekler.
- Menü çubuğu — Tam klavye gezinmesine sahip başlıklı açılır menülerin yatay uygulama menü çubuğu.
- Menü çubuğu öğesi — Yuvalı menüsünü açan veya düz bir eylem görevi gören üst düzey bir menü çubuğu başlığı.
- Gezinme menüsü — Alan dolduğunda bir menü geçişinin arkasında çöken bağlantıların ve açılır panellerin site başlığında gezinmesi.
- Gezinme menü öğesi — Bir gezinme menüsü girişi: bir sayfa bağlantısı veya açılır paneli açan bir açıklama düğmesi.
- Sayfa — Gezintisi, görünüm alanına değil, kendi tahsis edilen boyutuna göre bir masaüstü sütunu ile kalıcı bir mobil çekmece arasında geçiş yapan semantik uygulama kabuğu.
- Duyarlı panel — İçeriği masaüstüne satır içi olarak yerleştirir veya mobil cihazda bir kaplama sayfası olarak sunar
- Kaydırıcı — Kart ve sekme sıraları için isteğe bağlı önceki/sonraki kontrollerle duyarlı taşma yüzeyi.
- Bölümlere ayrılmış — Bir bakışta çeşitli etiketli seçeneklerden birini seçmek için tek seçim düğme sırası.
- Çoklu bölme — İsteğe bağlı duyarlı daraltma özelliğiyle bir kontrol panelini sürükleyerek yeniden boyutlandırılabilen panellere böler.
- Bölünmüş panel — Çoklu panel lr-multi-split'e daha basit bir alternatif olan, tek bir bölücüyle içeriği sürükleyerek yeniden boyutlandırılabilen iki bölmeye böler.
- Adım göstergesi — Adım başına durum ve tıkla-atla özelliğiyle, sıralı çok adımlı bir sihirbaz aracılığıyla kullanıcılara rehberlik eder.
- Sekmeler — Tam klavye gezintisi ile aynı anda bir Light-DOM panelini gösteren sekme şeridi.
- Sekme — Panel ve ad nitelikleri aracılığıyla bir sekme grubu içindeki eşleşen bir panelle eşleşen Web Awesome/Ayakkabı bağı uyumlu sekme açıklayıcısı.
- Sekme paneli — Ad ve panel nitelikleri aracılığıyla bir sekme grubu içindeki eşleşen bir sekmeyle eşleşen Web Awesome/Ayakkabı bağı uyumlu panel tanımlayıcı.
- Sanal liste — Büyük kaydırılabilir koleksiyonlar için yalnızca ekrandaki satırları işleyen pencereli liste sunucusu
- Widget — İsteğe bağlı daraltma ve tam ekran genişletme geçişlerine sahip başlıklı panel kabuğu
Kaplamalar ve Geri Bildirim
- Bildirim — Bildirimleri ekranın bir köşesinde üst üste gösteren bölge.
- Bildirim öğesi — Önem düzeyi, isteğe bağlı simge ve otomatik kapanma süresi sunan tek bir kapatılabilir bildirim.
- Çip — İsteğe bağlı olarak çıkarılabilir veya değiştirilebilir bir etiket, filtre veya kapsam için küçük hap.
- Çip grubu — Bir sınırı aştıklarında, bir dizi çipi isteğe bağlı +N taşma düğmesiyle sarar.
- Uyarı — Önem düzeyi ve isteğe bağlı otomatik kapanma süresi olan, varsayılan olarak kapalı uyarı mesajı.
- Rozet — Hat içi sinyal durumu, sayımlar veya kategoriler için kompakt durum etiketi
- Bilgi kutusu — Durum, uyarı ve hata içeriği için satır içi mesaj yüzeyi, kapatılabilir.
- Bağlam menüsü — Herhangi bir bölgeyi sağ tıklama, uzun basma veya Shift+F10 ile bir eylem menüsü açan hedefe dönüştürür.
- Diyalog — Onaylar, formlar ve diğer kesintiye uğrayan görevler için odaklanan modal katman.
- Çekmece — Filtreler veya bağlamsal kontroller için kalıcı bir paneli herhangi bir görünüm penceresinin kenarından içeri kaydırır.
- Açılır menü — Bir eylem listesini tüketicinin sahip olduğu bir tetikleyiciye bağlayan menü rolü açılır penceresi
- Boş durum — Boş veya veri yok durumunu bir simge, mesaj ve isteğe bağlı eylemlerle iletir.
- KBD — Klavye kısayolunu büyük harfler olarak işleyen, platform uyumlu çip
- Popover — Bağlamsal içerik ve kontroller için tıklamayla tetiklenen, ışık kapatmalı kayan yüzey
- Açılır pencere — Yüzen bir paneli çapasına göre hizalı tutan düşük seviyeli sabit konumlandırma ilkeli; açılır pencere ve araç ipucu bileşenlerinin altında yatan aynı motordur.
- İlerleme çubuğu — İsteğe bağlı bir değere sahip belirli veya belirsiz yatay ilerleme göstergesi.
- İlerleme halkası — Merkezi etiketli dairesel belirli veya belirsiz ilerleme göstergesi.
- Derecelendirme — Kesirli hassasiyette kısmi dolgularla klavyeyle erişilebilen yıldız derecelendirmesi
- İskelet — Animasyonlu yükleme yer tutucusu, içerik yüklenirken yerini alır.
- Döndürücü — Belirsiz, hareketli bir meşgul göstergesiyle devam eden bir arka plan görevine işaret eder.
- Etiket — Anahtar kelimeleri veya kategorileri etiketlemek için rozet işleminin anlamsal takma adı
- Araç ipucu — Tüketiciye ait bir tetikleyiciyi açıklayan fareyle üzerine gelme ve odaklanmayla tetiklenen araç ipucu
Belge ve Dosya Görüntüleyiciler
- Arşiv görüntüleyici — İçeriği çıkarmadan ZIP arşivindeki dosya adlarını ve sıkıştırılmamış boyutları listeler.
- Takvim görüntüleyici — Bir .ics takvim dosyasının etkinliklerini özetler, zamanlar ve konumlar olarak ayrıştırır ve işler.
- Kişi görüntüleyici — Bir vCard belgesini getirir ve kişi başına bir erişilebilir kart işler.
- CSV görüntüleyici — Bir CSV dosyasını getirir ve satırlarını sanallaştırılmış, kaydırılabilir bir sayfada işler.
- Veri kümesi görüntüleyici — Sınırlandırılmış metni getirir ve onu yazılı, erişilebilir bir veri tablosu olarak işler.
- Belge karşılaştırması — Metinsel fark görünümünü işlenmiş belge önizlemeleriyle birleştirerek iki belge sürümünün yan yana veya satır içi karşılaştırması.
- Belge önizlemesi — MIME türüne göre bir belgenin veya ekin satır içi ön izlemesini, indirme yedeklemesiyle birlikte yapar.
- Belge görüntüleyici — Bir belgeyi, takılabilir MIME tipi oluşturucu kaydına sahip bir iletişim kutusunda görüntüler.
- DOCX görüntüleyici — Bir DOCX dosyasını devasa dönüştürücü aracılığıyla arındırılmış anlamsal HTML olarak işler.
- E-kitap görüntüleyici — İsteğe bağlı epub.js bağımlılığıyla EPUB dosyasını bölüm gezintisiyle gösterir.
- E-posta görüntüleyici — Başlıkları, arındırılmış gövdesi ve ekleri olan bir .eml iletisini ayrıştırır ve işler.
- GeoJSON görüntüleyici — GeoJSON dosyasının özelliklerini harita üzerinde getirir, doğrular ve işler.
- Vurgu katmanı — Konumlandırılmış belge içeriğinin üzerine etkinleştirilebilir vurgu dikdörtgenlerini boyayan kaplama.
- HTML görüntüleyici — Bir URL'yi getirir ve onu temizledikten sonra HTML'sini güvenli bir şekilde işler.
- İçeriği dahil et — Bir HTML parçasını getirir ve bunu arındırılmış light-DOM sayfası içeriği olarak aktarır.
- Defter görüntüleyici — Markdown, kod ve zengin hücre çıktıları oluşturan salt okunur Jupyter dizüstü bilgisayar oluşturucusu.
- Sayfa rayı — Sayfa adresli bir belgede gezinmek için sanallaştırılmış dikey küçük resim rayı.
- PDF görüntüleyici — PDF sayfalarını getirip yakınlaştırma, sayfalandırma ve seçilebilir metin katmanıyla gösterir.
- PPTX görüntüleyici — PowerPoint PPTX sunumları için en iyi çabayı gösteren istemci tarafı görüntüleyici.
- E-tablo görüntüleyici — Sayfa sekmeleri ve sanallaştırılmış satırlarla .xlsx ve eski .xls çalışma kitaplarını getirir ve işler.
- SVG görüntüleyici — Bir URL'den satır içi, arındırılmış bir SVG belgesini getirir ve güvenli bir şekilde işler.
- XML görüntüleyici — XML belgelerini incelemek için daraltılabilir, kopyalanabilir ağaç görünümü.
Medya ve Dosyalar
- Ek çipi — Yükleme durumu, ilerleme ve yeniden deneme seçeneğiyle mesaj ekini gösteren küçük çip.
- avatar — Bir kişi veya kuruluşa ait bir simgeyi, resmi veya baş harfleri gösteren küçük kimlik işaretçisi
- Animasyonlu resim — Azaltılmış hareketi dikkate alan bir oynatma/duraklatma kontrolüyle animasyonlu bir GIF/APNG/WebP oynatır.
- Animasyon — Adlandırılmış hazır ayarlar veya özel anahtar karelerle yarıklı bir alt öğeyi bildirimli olarak canlandırır.
- Ek tetikleyicisi — Bir sohbet oluşturucuda dosya seçiciyi veya yetenek menüsünü açan kompakt ekleme olanağı.
- AV oynatıcı — Senkronize işaret metni, dalga formu ve oynatma hızı kontrolüne sahip ses/video oynatıcı.
- Avatar grubu — Üst üste binen avatarları, ekstraları +N rozetine daraltan kompakt bir sıraya yerleştirir
- Bırakma bölgesi — Kendi dosya seçicisi olmadan herhangi bir bölgeyi dosya bırakma hedefine dönüştüren sürükle ve bırak sarmalayıcı.
- Dosya simgesi — MIME türünden veya dosya adından çözümlenen yerelleştirilmiş dosya türü rozeti.
- Dosya girişi — Seçilen dosyaları yayınlayan bırakma bölgesini sürükleyip bırakın ve tıklatarak göz atın.
- Bayrak — Temaya uygun, isteğe bağlı olarak dairesel bir çerçevede işlenen ülke veya dil bayrağı.
- Görüntü Karşılaştırıcı — Önceki ve sonraki yüzeyleri yan yana karşılaştırmak için klavyeden erişilebilen bir ayırıcıyı kaydırır.
- Resim görüntüleyici — Etiketli bölge vurguları ve isteğe bağlı açıklamalarla tam kaydırma/yakınlaştırma taramalı görüntü görüntüleyici.
- Işık kutusu — Önceki/sonraki gezinme ve yakınlaştırma özelliklerine sahip tam ekran modal resim görüntüleyici
- Harita — Bildirime dayalı bir açıklama, koroplet ve işaretçiler içeren MapLibre GL harita sarmalayıcı
- Medya kartı — Sohbet mesajı içindeki resim, video veya dosya ekinin satır içi önizlemesi.
- Kaydır ve yakınlaştır — Sınırlı bir yakınlaştırma düzeyinde bölmeli içeriğe veya tek bir resme kaydırma ve yakınlaştırma yapmak için kaydırılabilir görünüm portu.
- Sıralı oynatma — Sabit bir zamanlayıcı üzerinde bir dizini bir aralıkta adım adım ilerleten taşımayı oynat/duraklat.
- QR kodu — Herhangi bir değeri tuvale işlenen taranabilir bir QR kodu sembolü olarak kodlar.
- video — Özel kontrollere, seçilebilir altyazılara ve küçük resim önizlemelerine sahip satır içi video oynatıcı.
- Video oynatma listesi — Gezinilebilir bir oynatma listesindeki bir dizi videoyu oynatır ve her biri bittiğinde otomatik olarak ilerler.
- Yakınlaştırılabilir çerçeve — Ayrı yakınlaştırma kontrollerine sahip korumalı alanlı iframe önizlemesi; önceki oluklu/görüntü inceleme yüzeyi lr-pan-zoom'dur.
Yardımcı Program
- Kesişim gözlemcisi — Yuvaya yerleştirilen hedefler görünür alana girip çıktığında yerel kesişim kayıtları yayımlar.
- Değişiklik gözlemcisi — Öğe ve nitelik değişiklikleri için DOM yuvalı saatler, yerel mutasyon kayıtlarını iletme
- Boyut değişikliği gözlemcisi — Aralıklı öğeleri izler ve görsel arayüz olmadan yazılan yeniden boyutlandırma girişlerini yayar
- Kopyala düğmesi — Bir metin değerini onay işareti geri bildirimiyle birlikte panoya kopyalayan yalnızca simge düğmesi.
- Fark görünümü — Gerçek iki dizeli satır farkını renk kodlu birleştirilmiş fark çıkışı olarak işler.
- Bölücü — İçeriği yatay veya dikey olarak bölmek için temaya uygun anlam ayırıcı.
- Dışa aktar düğmesi — Tablo verilerini CSV veya JSON olarak, tek formatta veya format menüsü aracılığıyla indirin.
- Baytları biçimlendir — Ayarlanabilir birim adımı ve hassasiyetle, yerel ayara duyarlı bayt boyutunda biçimlendirme.
- Tarihi biçimlendir — Intl.DateTimeFormat aracılığıyla yerel ayara duyarlı tarih ve saat biçimlendirmesi.
- Numarayı biçimlendir — Intl.NumberFormat aracılığıyla yerel ayara duyarlı numara, para birimi ve kompakt biçimlendirme.
- Simge — Sıfır bağımlılığa sahip yerleşik adlandırılmış yol kümesinden net satır içi SVG glifleri oluşturur.
- JSON görüntüleyici — Herhangi bir JSON yükünü incelemek için daraltılabilir, kopyalanabilir ağaç görünümü
- Bilinen tarih — Kullanıcının zaten bildiği bir tarih için üç alanlı gün/ay/yıl girişi
- Canlı bölge — Ekran okuyucu duyurularını kısıtlayan, görsel olarak gizlenmiş ARIA canlı bölgesi
- Bahsetme açılır penceresi — Bir metin alanındaki @-bahsetmeler ve eğik çizgi komutları için düzeltme işareti bağlantılı otomatik tamamlama.
- Yoklama durumu — Yerleşik duraklatma ve devam ettirme kontrolüyle bir sonraki planlı yenilemeye geri sayım.
- Rastgele içerik — A/B kopyası ve referanslar için aralıklı çocuklar arasında rastgele veya sırayla döner
- Göreceli zaman — Kendi kendine yenilenen, yerel ayara duyarlı bir göreli zaman damgası görüntüler.
- Rehberli tur — İlk çalıştırmada ürüne katılım için spot ışığı ve adım adım kılavuzlu izlenecek yol.
- Görsel olarak gizlenmiş — İçeriği görsel olarak gizleyerek ekran okuyucuların erişimine açık tutar ve odaklanıldığında tekrar görünür hale gelir.