Düğme ve eylem bileşenleri
Basılan bileşenler: her varyant ve boyutta düğmeler, birleşik düğme grupları, toggle’lar ve toggle grupları.
Düğme, döndürdüğünüz promise’ten kendi yükleme, başarı ve hata akışını yürütür, hızlı isteklerde spinner’ı atlar ve çalışırken odağı korur.
- ButtonHer varyant ve boyutta düğmeler; hızlı istekler için spinner'ı atlayan yerleşik yükleme, başarı ve hata akışı.
- Button groupTek bir kontrol olarak birleşen düğmeler; ortak birleşim yerleri, ayırıcılar, metin eklentileri, iç içe geçme ve dikey yığınlar.
- ToggleAçık ya da kapalı kalan; basıldığında yerleşen bir dolgusu, belirgin bir hover-açık geçişi ve duruma göre dolabilen simgeleri olan bir düğme.
- Toggle groupTek ya da çoklu seçim için bir düğme sırası; seçilen öğeye kayan bir dolgu, bitişik ya da aralıklı öğeler ve ok tuşlarıyla odaklanma sunar.
Pro bloklarda kullanılanlar
Bu bileşenlerle oluşturulmuş yapay zeka ürünleri için bloklar.
- Agent TodosBir ajanın çalışırken tuttuğu plan, her adım için bir satır. Devam eden adımları, başarısız adımları ve çalışma sırasındaki plan değişikliklerini ele alır.
- ArtifactBir yapay zeka sohbetinin yanında modelin ürettiğini gösteren panel. Hâlâ akan içeriği, yalıtılmış önizlemeyi ve geri yüklenebilir sürümleri ele alır.
- 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.
- Chat ThreadBir yapay zeka sohbetinin konuşma görünümü. Akan, düzenlenen ve yeniden denenen yanıtları ve bir yanıtın geçiş yapılabilen sürümlerini ele alır.
- Code BlockYapay zeka yanıtları için kod blokları. Vurgulama akışa ayak uydurur, diff’ler kabul veya reddedilebilir ve komutlar bir terminalde ç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.