Label
Kleines Element. Großer Kontext.
Die Label-Komponente ist ein kompaktes Inline-Textelement, das zur Kategorisierung, Kommentierung oder Hervorhebung von Inhalten auf Ihren Seiten verwendet wird. Es kann für mehr Klarheit sorgen, als Abzeichen dienen, Subtext einführen oder verwandte Informationen gruppieren, ohne dabei das Layout zu stören. Ganz gleich, ob Sie Inhalte als "Neu" kennzeichnen, Kategorien markieren oder auf wichtige Details aufmerksam machen möchten, Beschriftungen bieten eine schnelle und effektive Möglichkeit, das Verständnis und die Struktur zu verbessern.
Durch Themes gestaltet und einfach zu positionieren oder umzuwidmen, ist es eine minimale, aber leistungsstarke Komponente, die für Klarheit und Kontext entwickelt wurde.
Informieren & Kategorisieren
Inline und subtil.
Mehr Klarheit, ohne das Design zu stören.Ideal für Notizen, Abzeichen und Hinweise.
Markieren Sie Status, Priorität oder Inhaltstyp.Mikro-Kategorisierung.
Unterstützt visuelle & logische Gruppierung.
Flexibles Styling
Integrierte Theme-Unterstützung.
Passen Sie Labels an ihre Corporate Identity an.Von Natur aus minimalistisch, leicht zu skalieren.
Funktioniert auf allen Bildschirmgrößen.Verwendung in Artikeln, Layouts, und CTAs.
Ideal für UX und redaktionelle Arbeit.
Anwendungsfälle
Labels sind eine der effizientesten Methoden, um Inhalten eine kontextuelle Bedeutung oder eine Mikrokategorisierung zu verleihen. Sie verbessern das Nutzererlebnis, indem sie auf einen Blick zusätzliche Informationen bieten, sei es als Tags, Statusindikatoren oder Inline-Notizen.
Typische Anwendungsfälle sind:
Kategorie-Tags in Blogs, Produktauflistungen oder Wissensdatenbanken
Statusmarkierungen wie "Neu", "Beta", "Demnächst" oder "Aktualisiert".
Inline-Hinweise in der Nähe von Schaltflächen, Titeln oder CTAs zur Verdeutlichung
Kennzeichnung von Filtern oder aktiven Auswahlen in Formularen oder dynamischen Seiten
Hervorhebung von Metadaten wie Autorenrollen, technischen Tags oder Schwierigkeitsgraden
Sie können je nach Bedarf sichtbar oder unauffällig gestaltet werden und überall dort wiederverwendet werden, wo ein konsistenter Inline-Kontext erforderlich ist.
Konfigurationsoptionen und Funktionen
Die Label-Komponente ist Ihre erste Wahl für schnellen, minimalen und präzisen Inline-Kontext. Ganz gleich, ob Sie Inhalte organisieren, visuelle Hinweise hinzufügen oder eine Struktur kennzeichnen möchten, es ist ein flexibles und thematisch anpassbares Werkzeug, das sich nahtlos in jedes Layout integrieren lässt.
Kompakt. Übersichtlich. Kontextuell.
Perfekt für moderne, informative UX.
Text
Der Inhalt des Labels.
Geben Sie eine kurze Textfolge ein, die den Zweck des Labels angibt. Dies kann ein Wort oder eine kurze Phrase sein wie:
"Neu"
"Frei"
"Marketing"
"Im Rückblick"
"Profi-Tipp"
Halten Sie den Inhalt kurz und klar, damit er sich natürlich in Ihr Design einfügt.
Komponenten Theme
Verwenden Sie diese Option, um Ihrem Label über ein Komponenten-Theme oder ein Theme Preset Styling-Möglichkeiten zuzuweisen.
Dies erleichtert die visuelle Unterscheidung zwischen verschiedenen Label-Typen (z. B. Farbcodierung für den Status) und die Beibehaltung eines einheitlichen Designs in Ihrem Projekt.