Shield Docs

Design System

Web Components

shield-badge

Badge-Komponente fuer Labels, Tags und Statusauszeichnungen.

Storybook Stories

Hier sind alle aktuellen Stories fuer shield-badge direkt eingebettet.

Primary Story

Die prominente Standardvariante fuer Hauptstatus oder klar hervorgehobene Kategorien.

Docs + Code in Storybook oeffnen

Story in Storybook oeffnen

Secondary Story

Die reduzierte Variante fuer weniger dominante Hinweise und sekundaere Kennzeichnungen.

Docs + Code in Storybook oeffnen

Story in Storybook oeffnen

Verwendung

  • Kurze Texte fuer Status und Kategorien einsetzen.
  • Nicht als interaktive Steuerung verwenden.
  • Farben immer mit semantischer Bedeutung konsistent halten.