Form bileşenleri
Bir formun ihtiyaç duyduğu her kontrol: düz metin girişinden aranabilir çoklu seçime, tarih aralığı seçiciye ve tek kullanımlık kod alanına kadar. Etiketler, açıklamalar ve hatalar için tek bir alan sistemini paylaşırlar, böylece doğrulama her yerde aynı okunur.
Dokunmatik ekranlarda girişler 16 pikselde kalır, böylece iOS hiç yakınlaştırmaz; geçersiz alanlar dikkat çekmek için sallanabilir ve her kontrol yalnızca klavyeyle çalışır.
- Calendar
- Checkbox
- Combobox
- Date picker
- Field
- Input
- Input group
- Input OTP
- Label
- Native select
- Questionnaire
- Radio group
- Select
- Slider
- Switch
- Textarea
- CalendarTekli, aralık ve çoklu seçim için, kayan aylar, aralık önizlemeleri ve dokunmaya uygun boyutta günler içeren bir tarih ızgarası.
- Checkboxİşareti çizilerek beliren, belirsiz üst öğeleri, grupları ve hover durumunu paylaşan etiketleri olan bir onay kutusu.
- ComboboxÇipler, gruplar ve asenkron sonuçlar içeren, siz yazdıkça boyutu değişen bir açılır pencerede filtrelenebilir bir select.
- Date pickerTek tarihler ve aralıklar için takvimi bir popover içinde, telefonlarda ise alt sayfa olarak açan bir düğme.
- FieldKontrolüne bağlanmış etiketler, açıklamalar ve hatalar; doğrulama durumları ve formlar için düzenler içerir.
- InputÜç boyutlu, geçersiz ve salt okunur durumları, yerel doğrulama stilleri ve telefonların asla yakınlaştırmaması için 16px dokunmatik yazı tipi olan bir metin girişi.
- Input groupSimgeler, metin, düğmeler ya da klavye ipucu eklenmiş; tek kenarlık ve odak halkasını paylaşan bir input.
- Input OTPYazmayı, yapıştırmayı ve SMS otomatik doldurmayı kabul eden tek kullanımlık kod slotları; kodları basamaklayarak getiren isteğe bağlı bir animasyon ve doğrulama için bir durum içerir.
- LabelDenetimini izleyen bir etiket: denetim devre dışıyken solar, zorunlu veya isteğe bağlı olduğunu kendiliğinden belirtir.
- Native selectTarayıcının kendi select'i; Input ile eşleşecek şekilde biçimlendirilmiş, sakin bir yer tutucusu, Field desteği ve her cihazda işletim sistemi seçicisi vardır.
- QuestionnaireSorular arasında yön duygusuyla ilerleyen, gerçek ilerlemeyi gösteren ve klavyeden cevaplanan adım adım bir form.
- Radio groupBir kümeden tek seçenek seçin; seçimler arasında devredilen bir nokta ve seçim halkası yeni seçime kayan kartlarla.
- SelectGeçerli değerde açılan, typeahead, gruplar ve form desteği olan bir listeden bir veya daha fazla seçenek seçin.
- SliderSürükleyerek, ize dokunarak veya tuşlarla bir değer ya da aralık seçin; süzülen atlamalar ve isteğe bağlı bir değer balonuyla.
- SwitchDokunabileceğiniz, basabileceğiniz veya sürükleyebileceğiniz, parmağınızın altında uzayan bir başparmağı ve kayıtlar için isteğe bağlı bekleme durumu olan bir açma/kapama anahtarı.
- TextareaYazdıklarınıza göre en az ve en çok satır sayısı arasında akıcı biçimde büyüyen çok satırlı metin; sayaçlar, doğrulama ve gönderme kısayolu içerir.
Pro bloklarda kullanılanlar
Bu bileşenlerle oluşturulmuş yapay zeka ürünleri için bloklar.
- MarkdownYapay zeka yanıtları için Markdown işleme. Yarım kalmış söz dizimi olmadan akışı, kopyalanabilir tabloları ve satır içi alıntıları ele alır.
- API keysBir yapay zeka ürününün API anahtarları sayfası. Yalnızca bir kez gösterilen gizli anahtarı, geri alınabilir iptali ve ek süreli yenilemeyi ele alır.
- NotificationsBir yapay zeka ürününün ayarlarındaki Bildirimler bölümü. Olay başına kanal tablosunu, sessiz saatleri ve push için tarayıcı iznini ele alır.
- SecurityBir yapay zeka ürününün ayarlarındaki Güvenlik bölümü. Oturumları, kurtarma kodlu iki aşamalı doğrulamayı ve yazılı onay gerektiren silmeyi ele alır.
- BillingBir yapay zeka ürününün plan ve kullanım sayfası. Dönem ortasında biten kredileri, oranlı plan değişikliklerini ve kart hatalarını ele alır.
- ModelsBir yapay zeka ürününün ayarlarındaki Modeller sayfası. Varsayılan modeli ve çabayı, sağlayıcıları ve bağlantı testi olan özel sunucuları ele alır.