Veri gösterim bileşenleri
Bilgi göstermek için bileşenler: sıralama, seçim ve sabitlenmiş sütunlu bir veri tablosu, temaya uyan Recharts grafikleri, ağaç görünümü, kartlar, liste öğeleri, rozetler, avatarlar, klavye tuşları ve yeni değerine kayan sayılar.
Yoğun durumları da ele alırlar: yapışkan tablo başlıkları, sabitlenmiş sütunlar ve grafik noktaları arasında klavyeyle gezinme.
- AvatarBaş harf yedekli kullanıcı fotoğrafları, durum rozetleri ve sayıya daralan yığılmış gruplar.
- BadgeRenkli noktalı durum etiketleri, kayarak kapanan kaldırılabilir etiketler ve yeni değerine dönen sayaçlar.
- Cardİçeriği gruplamak için bir yüzey; üç varyant, kenardan kenara medya, eşmerkezli yarıçaplar ve tüm kartı kaplayan bağlantılar içerir.
- ChartTema renkli Recharts grafikleri; etiketleri tek bir yapılandırmadan okuyan bir tooltip ve gösterge, ayrıca görünür odak halkalı klavye gezintisi.
- Data tableGerçek veriler için bir tablo; sıralama, arama, satır seçimi, sabitlenmiş sütunlar, yapışkan başlık ve sayfalama içerir.
- ItemListeler, ayarlar ve seçiciler için medya, metin ve eylemlerden oluşan bir satır; gruplanmış bir yüzey ve satırlar arasında kayan bir hover vurgusu içerir.
- KbdKısayollar için, her platformda doğru simgeleri gösteren, düzgün sesli okunan ve gerçek tuşlar gibi basılan tuş başlıkları.
- Number flowYalnızca değişen basamakların döndüğü animasyonlu sayılar; herhangi bir Intl biçimi ve yerel ayarla.
- TableYüzey stili, sarmalayan veya kompakt hücreler, yapışkan başlıklar, sabitlenmiş sütunlar ve kaydırma ipuçları olan duyarlı bir tablo.
- TreeDosyalar ve hiyerarşiler için girinti kılavuzları, bağlayıcı çizgiler, basamaklı onay kutuları, typeahead ve tam klavye desteğiyle iç içe, genişletilebilir satırlar.
Pro bloklarda kullanılanlar
Bu bileşenlerle oluşturulmuş yapay zeka ürünleri için bloklar.
- Chat SidebarSabitlenmiş sohbetler, projeler ve son sohbetlerle bir sohbet uygulamasının kenar çubuğu. Yerinde yeniden adlandırmayı, geri alınabilir silmeyi ve hâlâ yanıt veren sohbetleri ele alır.
- Diff ReviewBir ajanın dosya düzenlemelerini uygulanmadan önce inceleme. Değişiklik başına kabul veya ret, ajana geri gönderilen yorumlar ve hâlâ akan düzenlemeleri ele alır.
- ThinkingBir yapay zeka sohbetinin düşünme görünümü. Canlı bir etiket her adımı izler, aramalar ve kaynaklar bir ize katlanır ve alıntılar yanıtın yanında durur.
- ProfileBir yapay zeka ürününün ayarlarındaki Profil bölümü. Fotoğraf kırpmayı, yazarken denetlenen kullanıcı adını ve kodla onaylanan e-posta değişikliklerini ele alır.
- SettingsBir yapay zeka ürününün ayarlar sayfası. Yalnızca bir şey değiştiğinde görünen kaydetme çubuğunu, alan hatalarını ve yükleme durumlarını ele alır.
- TeamBir yapay zeka ürününün çalışma alanı ayarlarındaki ekip sayfası. Tükenen koltukları, bekleyen davetleri ve yazılı onaylı sahiplik devrini ele alır.