Badge
TsgcHTMLComponent_Badge — affichez un badge Bootstrap 5 unique avec couleur, forme pilule, une icône en ligne et un mode point de notification positionné, en Delphi, C++ Builder et .NET.
TsgcHTMLComponent_Badge — affichez un badge Bootstrap 5 unique avec couleur, forme pilule, une icône en ligne et un mode point de notification positionné, en Delphi, C++ Builder et .NET.
Définissez le texte et la couleur, puis lisez la propriété HTML — ou évitez complètement la création/libération avec l'assistant statique Build.
TsgcHTMLComponent_Badge
Un seul <span class="badge"> Bootstrap 5
Delphi, C++ Builder, .NET
Appelez la méthode statique Build(text, color, pill) pour un badge rapide en ligne, ou créez le composant pour définir aussi Icon et Positioned, puis lisez HTML.
uses
sgcHTML_Enums, sgcHTML_Component_Badge;
var
oBadge: TsgcHTMLComponent_Badge;
begin
oBadge := TsgcHTMLComponent_Badge.Create(nil);
try
oBadge.Text := '3';
oBadge.Color := bgDanger;
oBadge.Pill := True;
oBadge.Positioned := True;
WebModule.Response := oBadge.HTML; // <span class="badge bg-danger rounded-pill ...">
finally
oBadge.Free;
end;
end;
// Or the one-line static helper for a simple inline badge:
WebModule.Response := TsgcHTMLComponent_Badge.Build('New', bgSuccess, True);// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Badge.hpp
TsgcHTMLComponent_Badge *oBadge = new TsgcHTMLComponent_Badge(NULL);
try
{
oBadge->Text = "3";
oBadge->Color = bgDanger;
oBadge->Pill = true;
oBadge->Positioned = true;
String html = oBadge->HTML; // <span class="badge bg-danger rounded-pill ...">
}
__finally
{
delete oBadge;
}
// Or the one-line static helper:
String html2 = TsgcHTMLComponent_Badge::Build("New", bgSuccess, true);using esegece.sgcWebSockets;
var badge = new TsgcHTMLComponent_Badge();
badge.Text = "3";
badge.Color = TsgcHTMLBadgeStyle.bgDanger;
badge.Pill = true;
badge.Positioned = true;
string html = badge.HTML; // <span class="badge bg-danger rounded-pill ...">
// Or the one-line static helper:
string html2 = TsgcHTMLComponent_Badge.Build("New", TsgcHTMLBadgeStyle.bgSuccess, true);Les membres que vous utilisez le plus souvent.
Text est le libellé ; Color (TsgcHTMLBadgeStyle : bgPrimary, bgSecondary, bgSuccess, bgDanger, bgWarning, bgInfo, bgLight, bgDark) définit la variante Bootstrap.
Pill fait basculer le badge vers la forme entièrement arrondie rounded-pill.
Icon affiche un élément <i> (par exemple une classe Bootstrap Icons) avant le texte.
Positioned ajoute position-absolute top-0 start-100 translate-middle, transformant le badge en point de notification ancré à un parent position-relative.
Build(aText, aColor, aPill) renvoie directement le HTML du badge, sans instance à créer ni à libérer.
HTML renvoie un unique élément <span class="badge bg-...">, prêt à être intégré en ligne.
| Aide en ligneRéférence API complète et guide d’utilisation pour ce composant. | Ouvrir | |
| Tous les composants sgcHTMLParcourez la matrice complète des fonctionnalités de plus de 80 composants. | Ouvrir | |
| Télécharger la version d'essai gratuiteLa version d'essai de 30 jours fournit les projets de démonstration 60.HTML. | Ouvrir | |
| TarifsLicences Single, Team et Site avec code source complet. | Ouvrir |