sgcHTML Matrice des fonctionnalités — Tous les composants | eSeGeCe

sgcHTML Matrice des fonctionnalités

Chaque composant de la bibliothèque, regroupé en neuf familles. Chacun produit du balisage Bootstrap 5 et fonctionne de la même façon en Delphi, C++ Builder et .NET. Cliquez sur un composant pour accéder à sa propre page avec utilisation et exemples. Tous les composants appliquent un encodage de sortie automatique HTML, d'attributs, JavaScript et d'URL ainsi qu'un assainissement des URL, de sorte que le contenu dynamique est échappé par défaut pour se prémunir contre le XSS et les injections.

13 composants

Données & Tableaux

7 composants

Graphiques & Visualisation

4 composants

Formulaires & Saisies

12 composants

Contenu & Mise en page

7 composants

Surcouches & Retours

8 composants

Chat & IA

3 composants

Authentification

4 composants

Infrastructure

8 classes

Données & Tableaux

Données & Tableaux

Grilles, calendriers et tableaux qui rendent vos jeux de données directement.

ComposantClasseDescriptionAide
GridTsgcHTMLComponent_GridTableau riche en fonctionnalités : tri, filtre, export CSV/PDF, édition en ligne, regroupement, défilement virtuel et requête IA.Docs
DataTableTsgcHTMLComponent_DataTableTableau de données de plus haut niveau enveloppant Grid + Pagination avec une barre d'outils, une recherche et un décompte de lignes.Docs
CalendarTsgcHTMLComponent_CalendarCalendrier en grille mensuelle avec points d'événements et navigation précédent/suivant.Docs
SchedulerTsgcHTMLComponent_SchedulerPlanificateur de calendrier (vues mois / semaine) rendant les événements par date.Docs
TimelineTsgcHTMLComponent_TimelineChronologie verticale d'événements datés, chargeable depuis un jeu de données.Docs
KanbanBoardTsgcHTMLComponent_KanbanBoardTableau Kanban de colonnes et de cartes déplaçables.Docs
GanttTsgcHTMLComponent_GanttDiagramme de Gantt de planning de projet avec barres de progression des tâches.Docs
Graphiques & Visualisation

Graphiques & Visualisation

Des visuels pilotés par les données, construits à partir de vos propres chiffres.

ComposantClasseDescriptionAide
ChartTsgcHTMLComponent_ChartGraphique Chart.js : ligne, barre, secteurs, anneau, radar, polaire, bulles et nuage de points.Docs
GaugeTsgcHTMLComponent_GaugeJauge SVG semi-circulaire avec seuils de couleur bas / moyen / haut.Docs
DiagramTsgcHTMLComponent_DiagramDiagramme de flux à nœuds et flèches rendu en SVG en ligne.Docs
MapTsgcHTMLComponent_MapCarte interactive Leaflet.js (tuiles OpenStreetMap / CartoDB) avec marqueurs.Docs
Formulaires & Saisies

Formulaires & Saisies

Tout ce dont vous avez besoin pour capturer des données, avec validation et liaison aux jeux de données.

ComposantClasseDescriptionAide
FormTsgcHTMLComponent_FormGénérateur de formulaires piloté par les données avec validation, mises en page et génération de formulaires par IA.Docs
EditTsgcHTMLComponent_EditChamp de saisie de texte sur une ligne avec libellé, texte d'aide et liaison aux jeux de données.Docs
MemoTsgcHTMLComponent_MemoZone de saisie de texte multiligne avec libellé et texte d'aide.Docs
CheckBoxTsgcHTMLComponent_CheckBoxCase à cocher avec libellé et état coché.Docs
RadioGroupTsgcHTMLComponent_RadioGroupGroupe d'options radio mutuellement exclusives.Docs
SelectTsgcHTMLComponent_SelectListe déroulante de sélection avec groupes d'options, sélection multiple et liaison aux jeux de données.Docs
InputGroupTsgcHTMLComponent_InputGroupSaisie avec texte d'addon en préfixe / suffixe.Docs
AutoCompleteTsgcHTMLComponent_AutoCompleteChamp de saisie adossé à une datalist HTML5 de suggestions.Docs
DatePickerTsgcHTMLComponent_DatePickerChamp de saisie natif date / heure / date-heure.Docs
FileUploadTsgcHTMLComponent_FileUploadZone d'envoi de fichiers par glisser-déposer avec soumission de formulaire multipart.Docs
RichEditorTsgcHTMLComponent_RichEditorÉditeur de texte enrichi WYSIWYG basé sur Quill avec champ de formulaire masqué.Docs
RatingTsgcHTMLComponent_RatingAffichage ou saisie de notation par étoiles (symboles).Docs
Contenu & Mise en page

Contenu & Mise en page

Cartes, médias et tuiles d'indicateurs pour agencer une page.

ComposantClasseDescriptionAide
PanelTsgcHTMLComponent_PanelPanneau-carte Bootstrap avec en-tête / corps / pied de page, repliable et défilable.Docs
StatCardTsgcHTMLComponent_StatCardCarte d'indicateur / de statistique de tableau de bord avec icône, flèche de tendance et dégradé optionnel.Docs
AccordionTsgcHTMLComponent_AccordionAccordéon à repliement vertical de panneaux empilés et déployables.Docs
CarouselTsgcHTMLComponent_CarouselDiaporama / carrousel d'images avec indicateurs, contrôles et lecture automatique.Docs
ImageTsgcHTMLComponent_ImageImage avec forme, responsive / chargement différé, lien lightbox et légende.Docs
AvatarTsgcHTMLComponent_AvatarAvatar utilisateur (image ou initiales) avec taille, forme et point d'état de présence.Docs
VideoTsgcHTMLComponent_VideoLecteur vidéo / audio HTML5 ainsi qu'un assistant d'intégration YouTube.Docs
Surcouches & Retours

Surcouches & Retours

Boîtes de dialogue, surfaces d'état et états de chargement.

ComposantClasseDescriptionAide
ModalTsgcHTMLComponent_ModalBoîte de dialogue modale avec titre / corps / pied de page, tailles, centrée et arrière-plan statique.Docs
OffcanvasTsgcHTMLComponent_OffcanvasPanneau coulissant hors-canevas depuis la gauche, la droite, le haut ou le bas.Docs
PopoverTsgcHTMLComponent_PopoverBulle popover sur un élément déclencheur (clic / survol / focus).Docs
ToastTsgcHTMLComponent_ToastNotification toast avec en-tête, corps, horodatage et masquage automatique.Docs
SnackbarTsgcHTMLComponent_SnackbarSnackbar transitoire de style Material avec une action optionnelle.Docs
NotificationTsgcHTMLComponent_NotificationCentre de notifications déroulant à icône cloche avec un badge de non-lus.Docs
SpinnerTsgcHTMLComponent_SpinnerIndicateur de chargement (bordure / croissance), dimensionné et coloré.Docs
PlaceholderTsgcHTMLComponent_PlaceholderCarte de chargement en squelette / espace réservé avec un effet de scintillement animé.Docs
Chat & IA

Chat & IA

Interface conversationnelle, des simples bulles à un assistant IA en streaming.

ComposantClasseDescriptionAide
ChatBoxTsgcHTMLComponent_ChatBoxBoîte à bulles de chat de style carte avec une barre de saisie et un indicateur de frappe.Docs
ChatTsgcHTMLComponent_ChatChat de style WhatsApp avec messages texte / image / fichier / audio / vidéo, accusés de lecture et réponses.Docs
AIChatTsgcHTMLComponent_AIChatChat d'assistant IA avec sélecteur de fournisseur / modèle, streaming de jetons et citations de sources RAG.Docs
Authentification

Authentification

Des flux de connexion prêts à l'emploi, des mots de passe aux passkeys.

ComposantClasseDescriptionAide
LoginTsgcHTMLComponent_LoginFormulaire / page de connexion prêt à l'emploi (carte, centré ou pleine page) avec « se souvenir de moi » et alertes.Docs
SocialLoginTsgcHTMLComponent_SocialLoginPanneau de boutons de connexion sociale OAuth (Google, Facebook, Apple, GitHub, Microsoft et plus).Docs
OAuthCallbackTsgcHTMLComponent_OAuthCallbackPage de rappel / d'atterrissage OAuth en état succès, erreur ou chargement avec redirection automatique.Docs
WebAuthnLoginTsgcHTMLComponent_WebAuthnLoginWidget de connexion et d'enregistrement par passkey / WebAuthn sans mot de passe.Docs
Infrastructure

Moteur, Serveur & Thèmes

Les pièces non visuelles qui servent les pages et les maintiennent vivantes.

ComposantClasseDescriptionAide
EngineServerTsgcHTMLEngine_ServerMoteur HTML lié à un TsgcWebSocketHTTPServer qui sert les pages rendues et les ressources intégrées.Docs
HTMXEngineTsgcHTMX_Engine_ServerMoteur htmx câblé au même serveur. Il s'accroche aux gestionnaires HTTP et WebSocket, distribue les requêtes et messages entrants, et pousse ou diffuse des fragments HTML vers les navigateurs connectés en temps réel (DispatchRequest, DispatchMessage, PushFragment, BroadcastFragment).Docs
PageBuilderTsgcHTMLPageBuilderAssemble les composants enregistrés en une page responsive complète (avec un éditeur visuel à la conception).Docs
TemplateBootstrapTsgcHTMLTemplate_BootstrapEnveloppe le contenu du corps dans un document HTML Bootstrap 5 complet avec thème, langue et direction.Docs
ThemeControllerTsgcHTMLThemeControllerSélecteur de thème à l'exécution dont la propriété Theme (ptDefault, ptDark, ptDarkPro) applique le thème sélectionné et la feuille de style partagée à la page.Docs
ThemeBuilderTsgcHTMLThemeBuilderGénérateur CSS dont le Mode (tmLight, tmDark, tmSystem) écrit les variables CSS de Bootstrap à partir des valeurs de propriétés, avec un script optionnel de synchronisation sur la préférence du système d'exploitation pour tmSystem.Docs
HTMXFragmentTsgcHTMX_FragmentFragment htmx hors-bande pour envoyer une mise à jour de page partielle du serveur vers le navigateur.Docs
HTMXRouterTsgcHTMX_RouterTable de routage de Routes qui fait correspondre un chemin de requête entrant et le distribue (via HandleRequest) au gestionnaire OnRoute de cette route.Docs

Construisez avec sgcHTML

Téléchargez la version d'essai gratuite et commencez à composer des interfaces web en Delphi, C++ Builder ou .NET.

Télécharger la version d'essai gratuite Voir les tarifs