sgcHTML Komponenten-Galerie — Alle 93 UI-Komponenten durchsuchen | eSeGeCe

sgcHTML Komponenten-Galerie

Durchsuchen Sie alle 93 sgcHTML-UI-Komponenten an einem Ort, gruppiert in neun Familien. Jede Komponente rendert zu Bootstrap-5-Markup und funktioniert in Delphi, C++ Builder und .NET gleich, jeweils mit demselben Tsgc*-Klassennamen. 28 der 93 Komponenten sind datengebunden und binden direkt an ein TDataSet / DataSource (oder eine entsprechende .NET-Quelle); diese tragen ein Datengebunden-Badge. Klicken Sie auf eine Karte für ihre Komponentenseite oder öffnen Sie die Docs.

Die interaktive Live-Galerie öffnen

Jede Komponente unten wird als lauffähiges Beispiel ausgeliefert. Das Projekt 08.Components im Demo-Set 60.HTML rendert diesen gesamten Katalog als eine interaktive Live-Galerie zum Durchklicken, die Sie im Browser bedienen können. Es ist in der kostenlosen Testversion enthalten, sodass Sie die ganze Galerie lokal gegen Ihre eigenen Daten laufen lassen können.

Kostenlose Testversion herunterladen Funktionsmatrix öffnen

Die Testversion liefert die 60.HTML-Demo-Projekte (einschließlich 08.Components). Eine gehostete, dauerhaft verfügbare Version der interaktiven Galerie ist ein separates Deployment.

Neun Familien

93 UI-Komponenten, neun Familien

Springen Sie direkt zu einer Familie oder scrollen Sie durch den ganzen Katalog unten.

14 Komponenten

Daten & Tabellen

11 Komponenten

Diagramme & Visualisierung

10 Komponenten

Formulare & Eingaben

23 Komponenten

Inhalt & Layout

10 Komponenten

Overlays & Feedback

14 Komponenten

Chat & KI

4 Komponenten

Authentifizierung

7 Komponenten

Infrastruktur

7 Klassen

Navigation & Struktur

Rahmen, der die App einfasst: Menüs, Tabs, Bäume und die Dashboard-Hülle.

Delphi / C++TsgcHTMLComponent_NavBar
.NETTsgcHTMLComponent_NavBar

Responsive obere Navigationsleiste mit Marke und einklappbaren Menüpunkten.

Komponentenseite · Docs

Delphi / C++TsgcHTMLComponent_Sidebar
.NETTsgcHTMLComponent_Sidebar

Vertikale Seitennavigation mit Icons, Überschriften, Trennlinien und einem Footer.

Komponentenseite · Docs

Delphi / C++TsgcHTMLComponent_Breadcrumb
.NETTsgcHTMLComponent_Breadcrumb

Breadcrumb-Pfad, der den aktuellen Ort in einer Hierarchie zeigt.

Komponentenseite · Docs

Tabs

Delphi / C++TsgcHTMLComponent_Tabs
.NETTsgcHTMLComponent_Tabs

Tab-, Pill- oder Underline-Tab-Set mit umschaltbaren Inhaltsbereichen.

Komponentenseite · Docs

Pagination

Delphi / C++TsgcHTMLComponent_Pagination
.NETTsgcHTMLComponent_Pagination

Seitennavigations-Steuerelement, abgeleitet aus Element- oder Seitenzahlen.

Komponentenseite · Docs

Delphi / C++TsgcHTMLComponent_Toolbar
.NETTsgcHTMLComponent_Toolbar

Button-Toolbar, die Buttons mit Trennern und Tooltips gruppiert.

Komponentenseite · Docs

TreeView

Datengebunden

Delphi / C++TsgcHTMLComponent_TreeView
.NETTsgcHTMLComponent_TreeView

Einklappbarer hierarchischer Baum, aus einem Dataset ladbar.

Komponentenseite · Docs

Stepper

Delphi / C++TsgcHTMLComponent_Stepper
.NETTsgcHTMLComponent_Stepper

Wizard- / Schrittfortschritts-Anzeige, horizontal oder vertikal.

Komponentenseite · Docs

Delphi / C++TsgcHTMLComponent_Dropdown
.NETTsgcHTMLComponent_Dropdown

Dropdown-Button mit einem Menü aus Links, Überschriften und Trennlinien.

Komponentenseite · Docs

ButtonGroup

Delphi / C++TsgcHTMLComponent_ButtonGroup
.NETTsgcHTMLComponent_ButtonGroup

Segmentierter Button-Satz, horizontal oder vertikal.

Komponentenseite · Docs

ListGroup

Datengebunden

Delphi / C++TsgcHTMLComponent_ListGroup
.NETTsgcHTMLComponent_ListGroup

Listengruppe aus Links oder Elementen mit Badges und Zusatzinhalt.

Komponentenseite · Docs

DashboardLayout

Delphi / C++TsgcHTMLDashboardLayout
.NETTsgcHTMLDashboardLayout

Vollständige Dashboard-Hülle mit fester Sidebar und Inhaltsbereichen.

Komponentenseite · Docs

Site

Delphi / C++TsgcHTMLComponent_Site
.NETTsgcHTMLComponent_Site

Komplette Seiten-Hülle (Header, Navigationsmenü, Inhalt und Footer) mit austauschbarer Layout-Vorlage.

Komponentenseite · Docs

Splitter

Delphi / C++TsgcHTMLComponent_Splitter
.NETTsgcHTMLComponent_Splitter

Zwei größenveränderbare Bereiche mit ziehbarem Trenner, horizontal oder vertikal, mit optional gespeicherter Position.

Komponentenseite · Docs

Daten & Tabellen

Grids, Kalender und Boards, die Ihre Datensätze direkt rendern.

Grid

Datengebunden

Delphi / C++TsgcHTMLComponent_Grid
.NETTsgcHTMLComponent_Grid

Funktionsreiche Tabelle: Sortieren, Filtern, CSV-/PDF-Export, Inline-Bearbeitung, Gruppierung, virtuelles Scrollen und KI-Abfrage.

Komponentenseite · Docs

DataTable

Datengebunden

Delphi / C++TsgcHTMLComponent_DataTable
.NETTsgcHTMLComponent_DataTable

Höhere Datentabelle, die Grid + Pagination mit Toolbar, Suche und Zeilenanzahl umhüllt.

Komponentenseite · Docs

Calendar

Datengebunden

Delphi / C++TsgcHTMLComponent_Calendar
.NETTsgcHTMLComponent_Calendar

Monatsraster-Kalender mit Ereignispunkten und Zurück-/Weiter-Navigation.

Komponentenseite · Docs

Scheduler

Datengebunden

Delphi / C++TsgcHTMLComponent_Scheduler
.NETTsgcHTMLComponent_Scheduler

Kalender-Scheduler (Monats- / Wochenansichten), der Ereignisse nach Datum rendert.

Komponentenseite · Docs

Timeline

Datengebunden

Delphi / C++TsgcHTMLComponent_Timeline
.NETTsgcHTMLComponent_Timeline

Vertikale Zeitleiste datierter Ereignisse, aus einem Dataset ladbar.

Komponentenseite · Docs

KanbanBoard

Datengebunden

Delphi / C++TsgcHTMLComponent_KanbanBoard
.NETTsgcHTMLComponent_KanbanBoard

Kanban-Board aus Spalten und ziehbaren Karten.

Komponentenseite · Docs

Gantt

Datengebunden

Delphi / C++TsgcHTMLComponent_Gantt
.NETTsgcHTMLComponent_Gantt

Gantt-Projektzeitplan-Diagramm mit Aufgabenfortschrittsbalken.

Komponentenseite · Docs

TreeGrid

Datengebunden

Delphi / C++TsgcHTMLComponent_TreeGrid
.NETTsgcHTMLComponent_TreeGrid

Bootstrap-Tabelle mit einklappbaren, hierarchischen Zeilen aus Id/ParentId-Knotenpaaren.

Komponentenseite · Docs

PivotTable

Datengebunden

Delphi / C++TsgcHTMLComponent_PivotTable
.NETTsgcHTMLComponent_PivotTable

Bootstrap-Pivot-Tabelle, die Zeilen und Spalten gruppiert und Kennzahlen mit Zeilen-, Spalten- und Gesamtsummen aggregiert.

Komponentenseite · Docs

ActivityFeed

Delphi / C++TsgcHTMLComponent_ActivityFeed
.NETTsgcHTMLComponent_ActivityFeed

Live-Aktivitäts-Feed (neueste zuerst) mit relativen Zeitstempeln und Out-of-Band-WebSocket-Push.

Komponentenseite · Docs

AuditTrail

Datengebunden

Delphi / C++TsgcHTMLComponent_AuditTrail
.NETTsgcHTMLComponent_AuditTrail

Chronologischer Audit-Log-Feed von Benutzer- und Systemaktionen mit Akteur, Aktion, Ziel und Zeitstempel.

See in feature matrix · Docs

Diagramme & Visualisierung

Datengetriebene Visualisierungen aus Ihren eigenen Zahlen.

Chart

Datengebunden

Delphi / C++TsgcHTMLComponent_Chart
.NETTsgcHTMLComponent_Chart

Chart.js-Diagramm: Linie, Balken, Kreis, Doughnut, Radar, Polar, Bubble und Scatter.

Komponentenseite · Docs

Gauge

Delphi / C++TsgcHTMLComponent_Gauge
.NETTsgcHTMLComponent_Gauge

Halbkreisförmiges SVG-Messinstrument mit Farbschwellen für niedrig / mittel / hoch.

Komponentenseite · Docs

Diagram

Delphi / C++TsgcHTMLComponent_Diagram
.NETTsgcHTMLComponent_Diagram

Knoten-und-Pfeil-Flussdiagramm, gerendert als Inline-SVG.

Komponentenseite · Docs

Map

Delphi / C++TsgcHTMLComponent_Map
.NETTsgcHTMLComponent_Map

Interaktive Leaflet.js-Karte (OpenStreetMap- / CartoDB-Kacheln) mit Markern.

Komponentenseite · Docs

Heatmap

Datengebunden

Delphi / C++TsgcHTMLComponent_Heatmap
.NETTsgcHTMLComponent_Heatmap

Farbskaliertes SVG-Heatmap-Raster aus Zellwerten oder einem gebundenen Dataset, mit Legende und Zeilen-/Spaltenbeschriftungen.

Komponentenseite · Docs

Sparkline

Datengebunden

Delphi / C++TsgcHTMLComponent_Sparkline
.NETTsgcHTMLComponent_Sparkline

Kompakte Inline-SVG-Sparkline (Linie, Balken oder Fläche) aus einer Wertereihe oder einem gebundenen Dataset.

Komponentenseite · Docs

CandlestickChart

Datengebunden

Delphi / C++TsgcHTMLComponent_CandlestickChart
.NETTsgcHTMLComponent_CandlestickChart

SVG-OHLC-Candlestick-Diagramm mit Dochten, Auf-/Ab-Farben und optionalem Volumenstreifen.

Komponentenseite · Docs

QRCode

Delphi / C++TsgcHTMLComponent_QRCode
.NETTsgcHTMLComponent_QRCode

Reiner-Pascal-SVG-QR-Code nach ISO/IEC 18004 aus beliebigem Text oder URL, mit wählbarer Fehlerkorrekturstufe.

Komponentenseite · Docs

Barcode

Delphi / C++TsgcHTMLComponent_Barcode
.NETTsgcHTMLComponent_Barcode

Reiner-Pascal-SVG-Barcode (Code 128) aus beliebigem ASCII-Text, mit optionaler menschenlesbarer Beschriftung.

Komponentenseite · Docs

TreeMap

Datengebunden

Delphi / C++TsgcHTMLComponent_TreeMap
.NETTsgcHTMLComponent_TreeMap

Squarified-Treemap, gerendert als eigenständiges, servergeneriertes Inline-SVG, ohne Diagrammbibliothek.

Komponentenseite · Docs

Formulare & Eingaben

Alles, was Sie zur Datenerfassung brauchen, mit Validierung und Dataset-Bindung.

Form

Datengebunden

Delphi / C++TsgcHTMLComponent_Form
.NETTsgcHTMLComponent_Form

Datengetriebener Formular-Builder mit Validierung, Layouts und KI-Formulargenerierung.

Komponentenseite · Docs

Edit

Datengebunden

Delphi / C++TsgcHTMLComponent_Edit
.NETTsgcHTMLComponent_Edit

Einzeiliges Texteingabefeld mit Label, Hilfetext und Dataset-Bindung.

Komponentenseite · Docs

Memo

Datengebunden

Delphi / C++TsgcHTMLComponent_Memo
.NETTsgcHTMLComponent_Memo

Mehrzeiliges Textbereich-Eingabefeld mit Label und Hilfetext.

Komponentenseite · Docs

CheckBox

Datengebunden

Delphi / C++TsgcHTMLComponent_CheckBox
.NETTsgcHTMLComponent_CheckBox

Checkbox-Eingabe mit Label und Auswahlzustand.

Komponentenseite · Docs

RadioGroup

Delphi / C++TsgcHTMLComponent_RadioGroup
.NETTsgcHTMLComponent_RadioGroup

Gruppe sich gegenseitig ausschließender Radio-Optionen.

Komponentenseite · Docs

Select

Datengebunden

Delphi / C++TsgcHTMLComponent_Select
.NETTsgcHTMLComponent_Select

Select-Dropdown mit Optionsgruppen, Mehrfachauswahl und Dataset-Bindung.

Komponentenseite · Docs

InputGroup

Delphi / C++TsgcHTMLComponent_InputGroup
.NETTsgcHTMLComponent_InputGroup

Eingabefeld mit vorangestelltem / angehängtem Addon-Text.

Komponentenseite · Docs

AutoComplete

Datengebunden

Delphi / C++TsgcHTMLComponent_AutoComplete
.NETTsgcHTMLComponent_AutoComplete

Texteingabe mit einer HTML5-Datalist von Vorschlägen.

Komponentenseite · Docs

DatePicker

Delphi / C++TsgcHTMLComponent_DatePicker
.NETTsgcHTMLComponent_DatePicker

Natives Datums- / Zeit- / Datetime-Eingabefeld.

Komponentenseite · Docs

FileUpload

Delphi / C++TsgcHTMLComponent_FileUpload
.NETTsgcHTMLComponent_FileUpload

Drag-and-drop-Datei-Upload-Zone mit Multipart-Formular-Post.

Komponentenseite · Docs

RichEditor

Delphi / C++TsgcHTMLComponent_RichEditor
.NETTsgcHTMLComponent_RichEditor

Quill-basierter WYSIWYG-Rich-Text-Editor mit verstecktem Formularfeld.

Komponentenseite · Docs

Rating

Delphi / C++TsgcHTMLComponent_Rating
.NETTsgcHTMLComponent_Rating

Sterne-(Symbol-)Bewertung als Anzeige oder Eingabe.

Komponentenseite · Docs

MultiSelect

Datengebunden

Delphi / C++TsgcHTMLComponent_MultiSelect
.NETTsgcHTMLComponent_MultiSelect

Ein durchsuchbares Bootstrap-Mehrfachauswahl-Dropdown mit Chips, gruppierten Optionen und Dataset-Bindung.

Komponentenseite · Docs

ColorPicker

Delphi / C++TsgcHTMLComponent_ColorPicker
.NETTsgcHTMLComponent_ColorPicker

Ein natives HTML5-Farbeingabefeld mit optionalem Hex-Textfeld und Farbfeld-Vorgaben.

Komponentenseite · Docs

Slider

Delphi / C++TsgcHTMLComponent_Slider
.NETTsgcHTMLComponent_Slider

Ein Bootstrap-Range-Slider mit Live-Wert-Badge, Min-/Max-Beschriftungen und Farbgestaltung.

Komponentenseite · Docs

TimePicker

Delphi / C++TsgcHTMLComponent_TimePicker
.NETTsgcHTMLComponent_TimePicker

Ein natives HTML5-Zeiteingabefeld mit Min-/Max-Grenzen und Sekundengenauigkeit.

Komponentenseite · Docs

SignaturePad

Delphi / C++TsgcHTMLComponent_SignaturePad
.NETTsgcHTMLComponent_SignaturePad

Ein Canvas-Signaturfeld mit Pointer-Events und den Aktionen Löschen, Rückgängig und Speichern.

Komponentenseite · Docs

Transfer

Datengebunden

Delphi / C++TsgcHTMLComponent_Transfer
.NETTsgcHTMLComponent_Transfer

Doppel-Listbox-Widget zum Verschieben von Elementen zwischen einem Verfügbar- und einem Zugewiesen-Panel, mit Filterung und Dataset-Bindung.

Komponentenseite · Docs

DateTimePicker

Delphi / C++TsgcHTMLComponent_DateTimePicker
.NETTsgcHTMLComponent_DateTimePicker

Nativer HTML5-Datum-und-Zeit-Picker, der Kalender und Uhr in einem einzigen Feld vereint.

See in feature matrix · Docs

DateRangePicker

Delphi / C++TsgcHTMLComponent_DateRangePicker
.NETTsgcHTMLComponent_DateRangePicker

Gepaarte Start- und End-Datumsfelder zur Auswahl eines Datumsbereichs, mit Min-/Max-Grenzen.

See in feature matrix · Docs

RangeSlider

Delphi / C++TsgcHTMLComponent_RangeSlider
.NETTsgcHTMLComponent_RangeSlider

Slider mit zwei Reglern zur Auswahl eines Wertepaars (niedrig/hoch), mit Live-Wert-Badges.

See in feature matrix · Docs

CameraScanner

Delphi / C++TsgcHTMLComponent_CameraScanner
.NETTsgcHTMLComponent_CameraScanner

Live-Kamera-Panel, das Barcodes und QR-Codes mit dem nativen BarcodeDetector des Browsers scannt, ganz ohne Drittanbieter-Bibliothek.

Komponentenseite · Docs

NumPad

Delphi / C++TsgcHTMLComponent_NumPad
.NETTsgcHTMLComponent_NumPad

Numerischer Touch- und Währungs-Zahlenblock für die Kassenerfassung, mit Schnellbetrag-Tasten und lokal-unabhängiger Formatierung.

Komponentenseite · Docs

Inhalt & Layout

Karten, Medien und KPI-Kacheln zum Aufbau einer Seite.

Panel

Delphi / C++TsgcHTMLComponent_Panel
.NETTsgcHTMLComponent_Panel

Bootstrap-Card-Panel mit Header / Body / Footer, einklappbar und scrollbar.

Komponentenseite · Docs

StatCard

Delphi / C++TsgcHTMLComponent_StatCard
.NETTsgcHTMLComponent_StatCard

Dashboard-KPI- / Statistik-Karte mit Icon, Trendpfeil und optionalem Farbverlauf.

Komponentenseite · Docs

Accordion

Delphi / C++TsgcHTMLComponent_Accordion
.NETTsgcHTMLComponent_Accordion

Vertikal einklappbares Akkordeon aus gestapelten aufklappbaren Panels.

Komponentenseite · Docs

Carousel

Delphi / C++TsgcHTMLComponent_Carousel
.NETTsgcHTMLComponent_Carousel

Bild-Slideshow / -Karussell mit Indikatoren, Steuerelementen und Autoplay.

Komponentenseite · Docs

Image

Delphi / C++TsgcHTMLComponent_Image
.NETTsgcHTMLComponent_Image

Bild mit Form, Responsive- / Lazy-Load, Lightbox-Link und Bildunterschrift.

Komponentenseite · Docs

Avatar

Delphi / C++TsgcHTMLComponent_Avatar
.NETTsgcHTMLComponent_Avatar

Benutzer-Avatar (Bild oder Initialen) mit Größe, Form und Anwesenheitsstatus-Punkt.

Komponentenseite · Docs

Video

Delphi / C++TsgcHTMLComponent_Video
.NETTsgcHTMLComponent_Video

HTML5-Video- / Audio-Player plus YouTube-Einbettungshelfer.

Komponentenseite · Docs

Badge

Delphi / C++TsgcHTMLComponent_Badge
.NETTsgcHTMLComponent_Badge

Einzelnes Bootstrap-Badge mit Farbe, Pill-Form, Inline-Icon und positioniertem Benachrichtigungspunkt-Modus.

Komponentenseite · Docs

PDFViewer

Delphi / C++TsgcHTMLComponent_PDFViewer
.NETTsgcHTMLComponent_PDFViewer

In die Seite eingebetteter PDF-Viewer auf Basis von pdf.js, mit Seitennavigation, Zoom, Suche, Download und Druck.

Komponentenseite · Docs

Chip

Delphi / C++TsgcHTMLComponent_Chip
.NETTsgcHTMLComponent_Chip

Kompakter Chip / Tag mit optionalem Icon, Farbe und entfernbarem Schließen-Button.

See in feature matrix · Docs

Overlays & Feedback

Dialoge, Statusflächen und Ladezustände.

Delphi / C++TsgcHTMLComponent_Modal
.NETTsgcHTMLComponent_Modal

Modaler Dialog mit Titel / Body / Footer, Größen, zentriert und statischem Hintergrund.

Komponentenseite · Docs

Offcanvas

Delphi / C++TsgcHTMLComponent_Offcanvas
.NETTsgcHTMLComponent_Offcanvas

Off-Canvas-Panel, das von links, rechts, oben oder unten einfährt.

Komponentenseite · Docs

Delphi / C++TsgcHTMLComponent_Popover
.NETTsgcHTMLComponent_Popover

Popover-Blase an einem Auslöse-Element (Klick / Hover / Fokus).

Komponentenseite · Docs

Toast

Delphi / C++TsgcHTMLComponent_Toast
.NETTsgcHTMLComponent_Toast

Toast-Benachrichtigung mit Header, Body, Zeitstempel und automatischem Ausblenden.

Komponentenseite · Docs

Snackbar

Delphi / C++TsgcHTMLComponent_Snackbar
.NETTsgcHTMLComponent_Snackbar

Kurzlebige Snackbar im Material-Stil mit optionaler Aktion.

Komponentenseite · Docs

Notification

Delphi / C++TsgcHTMLComponent_Notification
.NETTsgcHTMLComponent_Notification

Benachrichtigungszentrum als Glocken-Icon-Dropdown mit Ungelesen-Badge.

Komponentenseite · Docs

Spinner

Delphi / C++TsgcHTMLComponent_Spinner
.NETTsgcHTMLComponent_Spinner

Ladespinner (Border / Grow), in Größe und Farbe einstellbar.

Komponentenseite · Docs

Placeholder

Delphi / C++TsgcHTMLComponent_Placeholder
.NETTsgcHTMLComponent_Placeholder

Skeleton- / Platzhalter-Ladekarte mit animiertem Schimmer.

Komponentenseite · Docs

ContextMenu

Delphi / C++TsgcHTMLComponent_ContextMenu
.NETTsgcHTMLComponent_ContextMenu

Rechtsklick-Dropdown-Menü, auf einen CSS-Selektor beschränkt, mit Icons, Trennlinien, Überschriften und servergerouteten Aktionen.

Komponentenseite · Docs

JobProgress

Delphi / C++TsgcHTMLComponent_JobProgress
.NETTsgcHTMLComponent_JobProgress

Live-Liste von Fortschrittsbalken für Hintergrundjobs mit Status-Badges, Abbrechen-Buttons und Out-of-Band-Fragment-Updates.

Komponentenseite · Docs

LogViewer

Delphi / C++TsgcHTMLComponent_LogViewer
.NETTsgcHTMLComponent_LogViewer

Streaming-Log- / Terminal-Viewer mit Level-Filter, Suche und Auto-Scroll.

Komponentenseite · Docs

ProgressBar

Delphi / C++TsgcHTMLComponent_ProgressBar
.NETTsgcHTMLComponent_ProgressBar

Bootstrap-Fortschrittsbalken, gestreift und animiert, einzeln oder gestapelt mehrsegmentig.

Komponentenseite · Docs

CommandPalette

Delphi / C++TsgcHTMLComponent_CommandPalette
.NETTsgcHTMLComponent_CommandPalette

Ctrl+K / Cmd+K-Schnellaktionsstarter mit Substring-dann-Fuzzy-Filterung, Kategorien und serverseitig weitergeleiteten Aktionen.

Komponentenseite · Docs

EmptyState

Delphi / C++TsgcHTMLComponent_EmptyState
.NETTsgcHTMLComponent_EmptyState

Das Panel, das ein Grid, eine Liste oder ein Suchergebnis anzeigt, wenn keine Zeilen vorhanden sind, mit Icon, Titel, Beschreibung und bis zu zwei Buttons.

Komponentenseite · Docs

Chat & KI

Dialogorientierte UI, von einfachen Sprechblasen bis zum streamenden KI-Assistenten.

ChatBox

Delphi / C++TsgcHTMLComponent_ChatBox
.NETTsgcHTMLComponent_ChatBox

Chat-Blasen-Box im Card-Stil mit Eingabeleiste und Tippanzeige.

Komponentenseite · Docs

Chat

Delphi / C++TsgcHTMLComponent_Chat
.NETTsgcHTMLComponent_Chat

Chat im WhatsApp-Stil mit Text- / Bild- / Datei- / Audio- / Video-Nachrichten, Lesebestätigungen und Antworten.

Komponentenseite · Docs

AIChat

Delphi / C++TsgcHTMLComponent_AIChat
.NETTsgcHTMLComponent_AIChat

KI-Assistenten-Chat mit Anbieter- / Modell-Auswahl, Token-Streaming und RAG-Quellenangaben.

Komponentenseite · Docs

Presence

Delphi / C++TsgcHTMLComponent_Presence
.NETTsgcHTMLComponent_Presence

Wer-ist-online-Liste als Avatar-Stapel oder Liste, mit Live-Statusaktualisierungen.

Komponentenseite · Docs

Authentifizierung

Fertige Anmeldeabläufe, von Passwörtern bis zu Passkeys.

Delphi / C++TsgcHTMLComponent_Login
.NETTsgcHTMLComponent_Login

Fertiges Login-Formular / -Seite (Card, zentriert oder ganzseitig) mit Angemeldet-bleiben und Hinweisen.

Komponentenseite · Docs

SocialLogin

Delphi / C++TsgcHTMLComponent_SocialLogin
.NETTsgcHTMLComponent_SocialLogin

OAuth-Social-Login-Button-Panel (Google, Facebook, Apple, GitHub, Microsoft und mehr).

Komponentenseite · Docs

OAuthCallback

Delphi / C++TsgcHTMLComponent_OAuthCallback
.NETTsgcHTMLComponent_OAuthCallback

OAuth-Callback- / Landingpage im Erfolgs-, Fehler- oder Ladezustand mit automatischer Weiterleitung.

Komponentenseite · Docs

WebAuthnLogin

Delphi / C++TsgcHTMLComponent_WebAuthnLogin
.NETTsgcHTMLComponent_WebAuthnLogin

Passwortloses Passkey- / WebAuthn-Login- und Registrierungs-Widget.

Komponentenseite · Docs

RolesPermissions

Datengebunden

Delphi / C++TsgcHTMLComponent_RolesPermissions
.NETTsgcHTMLComponent_RolesPermissions

Rollen- / Berechtigungsmatrix mit einer Checkbox pro Zelle und Live-WebSocket-Aktualisierung der Berechtigungen.

Komponentenseite · Docs

UserManagement

Datengebunden

Delphi / C++TsgcHTMLComponent_UserManagement
.NETTsgcHTMLComponent_UserManagement

Benutzerverwaltungstabelle mit Rollen, Status, Suche und einem Aktionen-Dropdown pro Zeile.

Komponentenseite · Docs

ImpersonateBanner

Delphi / C++TsgcHTMLComponent_ImpersonateBanner
.NETTsgcHTMLComponent_ImpersonateBanner

Admin-Impersonation-Banner, das angezeigt wird, während man als anderer Benutzer agiert, mit Ein-Klick-Ausstieg.

See in feature matrix · Docs

Infrastruktur

Engine, Server & Theming

Die nicht-visuellen Teile, die die Seiten ausliefern und live halten.

EngineServer

Delphi / C++TsgcHTMLEngine_Server
.NETTsgcHTMLEngine_Server

HTML-Engine, gebunden an einen TsgcWebSocketHTTPServer, der gerenderte Seiten und eingebettete Assets ausliefert.

Komponentenseite · Docs

HTMXEngine

Delphi / C++TsgcHTMX_Engine_Server
.NETTsgcHTMX_Engine_Server

htmx-Engine, mit demselben Server verbunden; klinkt sich in die HTTP- und WebSocket-Handler ein, verteilt eingehende Anfragen und Nachrichten und schickt oder broadcastet HTML-Fragmente in Echtzeit an verbundene Browser.

Komponentenseite · Docs

PageBuilder

Delphi / C++TsgcHTMLPageBuilder
.NETTsgcHTMLPageBuilder

Setzt registrierte Komponenten zu einer vollständigen responsiven Seite zusammen, mit einem visuellen Design-Time-Editor.

Komponentenseite · Docs

ThemeController

Delphi / C++TsgcHTMLThemeController
.NETTsgcHTMLThemeController

Laufzeit-Theme-Umschalter, dessen Theme-Eigenschaft (ptDefault, ptDark, ptDarkPro) das gewählte Theme und gemeinsame Stylesheet auf die Seite anwendet.

Komponentenseite · Docs

ThemeBuilder

Delphi / C++TsgcHTMLThemeBuilder
.NETTsgcHTMLThemeBuilder

CSS-Generator, dessen Mode (tmLight, tmDark, tmSystem) Bootstrap-CSS-Variablen aus Eigenschaftswerten schreibt, mit optionalem OS-Präferenz-Sync-Skript für tmSystem.

Komponentenseite · Docs

HTMXFragment

Delphi / C++TsgcHTMX_Fragment
.NETTsgcHTMX_Fragment

Out-of-Band-htmx-Fragment, um eine Teilseiten-Aktualisierung vom Server an den Browser zu schicken.

Komponentenseite · Docs

HTMXRouter

Delphi / C++TsgcHTMX_Router
.NETTsgcHTMX_Router

Routing-Tabelle aus Routes, die einen eingehenden Anfragepfad abgleicht und ihn (über HandleRequest) an den OnRoute-Handler dieser Route weiterleitet.

Komponentenseite · Docs

IN AKTION SEHEN