Kitaplıktaki her bileşen, sekiz aile halinde gruplandırılmıştır. Her biri Bootstrap 5 işaretlemesine dönüşür ve Delphi, C++ Builder ile .NET'te aynı şekilde çalışır. Kullanımı ve örnekleriyle kendi sayfası için bir bileşene tıklayın.
12 bileşen
7 bileşen
4 bileşen
12 bileşen
7 bileşen
8 bileşen
3 bileşen
4 bileşen
Veri kümelerinizi doğrudan işleyen ızgaralar, takvimler ve panolar.
| Bileşen | Sınıf | Açıklama |
|---|---|---|
| Grid | TsgcHTMLComponent_Grid | Zengin özellikli tablo: sıralama, filtreleme, CSV/PDF dışa aktarma, satır içi düzenleme, gruplama, sanal kaydırma ve yapay zeka sorgusu. |
| DataTable | TsgcHTMLComponent_DataTable | Bir araç çubuğu, arama ve satır sayısıyla Grid + Pagination'ı saran üst düzey veri tablosu. |
| Calendar | TsgcHTMLComponent_Calendar | Etkinlik noktaları ve önceki/sonraki gezinme içeren aylık ızgara takvimi. |
| Scheduler | TsgcHTMLComponent_Scheduler | Etkinlikleri tarihe göre işleyen takvim zamanlayıcısı (ay / hafta görünümleri). |
| Timeline | TsgcHTMLComponent_Timeline | Bir veri kümesinden yüklenebilen, tarihli etkinliklerin dikey zaman çizelgesi. |
| KanbanBoard | TsgcHTMLComponent_KanbanBoard | Sütunlar ve sürüklenebilir kartlardan oluşan Kanban panosu. |
| Gantt | TsgcHTMLComponent_Gantt | Görev ilerleme çubukları içeren Gantt proje zaman çizelgesi grafiği. |
Kendi sayılarınızdan oluşturulan veri güdümlü görseller.
| Bileşen | Sınıf | Açıklama |
|---|---|---|
| Chart | TsgcHTMLComponent_Chart | Chart.js grafiği: çizgi, çubuk, pasta, halka, radar, polar, baloncuk ve dağılım. |
| Gauge | TsgcHTMLComponent_Gauge | Düşük / orta / yüksek renk eşikleri olan yarım daire SVG göstergesi. |
| Diagram | TsgcHTMLComponent_Diagram | Satır içi SVG olarak işlenen düğüm ve ok akış şeması. |
| Map | TsgcHTMLComponent_Map | İşaretçilerle Leaflet.js etkileşimli harita (OpenStreetMap / CartoDB döşemeleri). |
Doğrulama ve veri kümesi bağlamayla, veri yakalamak için ihtiyacınız olan her şey.
| Bileşen | Sınıf | Açıklama |
|---|---|---|
| Form | TsgcHTMLComponent_Form | Doğrulama, düzenler ve yapay zeka form oluşturma içeren veri güdümlü form oluşturucu. |
| Edit | TsgcHTMLComponent_Edit | Etiket, yardım metni ve veri kümesi bağlama içeren tek satırlık metin girdisi. |
| Memo | TsgcHTMLComponent_Memo | Etiket ve yardım metni içeren çok satırlı metin alanı girdisi. |
| CheckBox | TsgcHTMLComponent_CheckBox | Etiket ve işaretli durum içeren onay kutusu girdisi. |
| RadioGroup | TsgcHTMLComponent_RadioGroup | Birbirini dışlayan radyo seçeneklerinden oluşan grup. |
| Select | TsgcHTMLComponent_Select | Seçenek grupları, çoklu seçim ve veri kümesi bağlama içeren açılır seçim. |
| InputGroup | TsgcHTMLComponent_InputGroup | Başına / sonuna eklenti metni eklenen girdi. |
| AutoComplete | TsgcHTMLComponent_AutoComplete | HTML5 öneri datalist'i ile desteklenen metin girdisi. |
| DatePicker | TsgcHTMLComponent_DatePicker | Yerel tarih / saat / tarih-saat girdi alanı. |
| FileUpload | TsgcHTMLComponent_FileUpload | Çok parçalı form gönderimiyle sürükle bırak dosya yükleme alanı. |
| RichEditor | TsgcHTMLComponent_RichEditor | Gizli form alanı içeren Quill tabanlı WYSIWYG zengin metin düzenleyicisi. |
| Rating | TsgcHTMLComponent_Rating | Yıldız (simge) puanlama görüntüsü ya da girdisi. |
Bir sayfayı düzenlemek için kartlar, medya ve KPI kutuları.
| Bileşen | Sınıf | Açıklama |
|---|---|---|
| Panel | TsgcHTMLComponent_Panel | Üstbilgi / gövde / altbilgi içeren, daraltılabilir ve kaydırılabilir Bootstrap kart paneli. |
| StatCard | TsgcHTMLComponent_StatCard | Simge, eğilim oku ve isteğe bağlı geçişli renk içeren pano KPI / istatistik kartı. |
| Accordion | TsgcHTMLComponent_Accordion | Üst üste yığılmış genişletilebilir panellerden oluşan, dikey olarak daralan akordeon. |
| Carousel | TsgcHTMLComponent_Carousel | Göstergeler, denetimler ve otomatik oynatma içeren görüntü slayt gösterisi / karuseli. |
| Image | TsgcHTMLComponent_Image | Şekil, duyarlı / geç yükleme, ışık kutusu bağlantısı ve başlık içeren görüntü. |
| Avatar | TsgcHTMLComponent_Avatar | Boyut, şekil ve varlık durumu noktası içeren kullanıcı avatarı (görüntü ya da baş harfler). |
| Video | TsgcHTMLComponent_Video | HTML5 video / ses oynatıcısı ile bir YouTube gömme yardımcısı. |
İletişim kutuları, durum yüzeyleri ve yükleme durumları.
| Bileşen | Sınıf | Açıklama |
|---|---|---|
| Modal | TsgcHTMLComponent_Modal | Başlık / gövde / altbilgi, boyutlar, ortalanmış ve sabit arka plan içeren kalıcı iletişim kutusu. |
| Offcanvas | TsgcHTMLComponent_Offcanvas | Soldan, sağdan, üstten ya da alttan kayan tuval dışı panel. |
| Popover | TsgcHTMLComponent_Popover | Bir tetikleyici öğe üzerinde açılan balon (tıklama / üzerine gelme / odak). |
| Toast | TsgcHTMLComponent_Toast | Üstbilgi, gövde, zaman damgası ve otomatik gizleme içeren toast bildirimi. |
| Snackbar | TsgcHTMLComponent_Snackbar | İsteğe bağlı bir eylem içeren Material tarzı geçici snackbar. |
| Notification | TsgcHTMLComponent_Notification | Okunmamış rozeti olan zil simgeli açılır bildirim merkezi. |
| Spinner | TsgcHTMLComponent_Spinner | Boyutlandırılmış ve renklendirilmiş yükleme döndürücüsü (kenarlık / büyüme). |
| Placeholder | TsgcHTMLComponent_Placeholder | Animasyonlu bir parıltı içeren iskelet / yer tutucu yükleme kartı. |
Basit balonlardan akışlı bir yapay zeka asistanına kadar sohbet arayüzü.
| Bileşen | Sınıf | Açıklama |
|---|---|---|
| ChatBox | TsgcHTMLComponent_ChatBox | Bir girdi çubuğu ve yazma göstergesi içeren kart tarzı sohbet balonu kutusu. |
| Chat | TsgcHTMLComponent_Chat | Metin / görüntü / dosya / ses / video iletileri, okundu bilgileri ve yanıtlar içeren WhatsApp tarzı sohbet. |
| AIChat | TsgcHTMLComponent_AIChat | Sağlayıcı / model seçici, belirteç akışı ve RAG kaynak alıntıları içeren yapay zeka asistanı sohbeti. |
Parolalardan geçiş anahtarlarına kadar hazır oturum açma akışları.
| Bileşen | Sınıf | Açıklama |
|---|---|---|
| Login | TsgcHTMLComponent_Login | Beni hatırla ve uyarılar içeren hazır oturum açma formu / sayfası (kart, ortalanmış ya da tam sayfa). |
| SocialLogin | TsgcHTMLComponent_SocialLogin | OAuth sosyal oturum açma düğmesi paneli (Google, Facebook, Apple, GitHub, Microsoft ve daha fazlası). |
| OAuthCallback | TsgcHTMLComponent_OAuthCallback | Otomatik yönlendirmeyle başarı, hata ya da yükleme durumunda OAuth geri çağırma / açılış sayfası. |
| WebAuthnLogin | TsgcHTMLComponent_WebAuthnLogin | Parolasız geçiş anahtarı / WebAuthn oturum açma ve kayıt bileşeni. |
Sayfaları sunan ve canlı tutan görsel olmayan parçalar.
| Sınıf | Rol |
|---|---|
TsgcHTMLEngine_Server | İşlenmiş sayfaları ve gömülü kaynakları sunan, bir TsgcWebSocketHTTPServer'a bağlı HTML motoru. |
TsgcHTMX_Engine_Server | Aynı sunucuya bağlı htmx motoru: HTTP üzerinden kısmi sayfa değişimleri ve WebSocket üzerinden canlı sunucu gönderimi. |
TsgcHTMLPageBuilder | Kayıtlı bileşenleri eksiksiz, duyarlı bir sayfaya birleştirir (tasarım zamanı görsel düzenleyiciyle). |
TsgcHTMLTemplate_Bootstrap | Gövde içeriğini tema, dil ve yön içeren tam bir Bootstrap 5 HTML belgesine sarar. |
TsgcHTMLThemeController / TsgcHTMLThemeBuilder | Açık / koyu tema ve Bootstrap CSS değişkenlerini yazan bir çalışma zamanı CSS oluşturucusu. |
TsgcHTMX_Fragment / TsgcHTMX_Router | Canlı güncellemeler için bant dışı htmx parçaları ve istek yönlendirme yardımcıları. |