Baukasten

Hier sind einige der Elemente die bei der Erstellung von Webapplikationen benutzt werden. Sie sollen bei der Kommunikation und Planung der neuen Anwendung helfen.

Was sind Badges?

Badges sind kleine Markierungselemente zur Hervorhebung von Anzahlen, Status oder Kategorien. Typische Einsatzfälle sind ungelesene Nachrichten an einem Navigationspunkt, Produktkategorien in einem Shop oder Statuskennzeichnungen in Tabellen. Ihre Farbe trägt eine semantische Bedeutung – Rot signalisiert dringende Werte, Grün positive Zustände.

Default Badges
Primary Secondary Success Danger Warning Info Light Dark
Pill Badges
Primary Secondary Success Danger Warning Info Light Dark
Icon Badges
Primary Secondary Success Danger Warning Info Light Dark
Border Badges
Primary Secondary Success Danger Warning Info Light Dark
Button Badges
Heading Badges

Example h1 heading Primary

Example h2 heading Secondary

Example h3 heading Success

Example h4 heading Danger

Example h5 heading Warning
Example h6 heading Info