UI Komponenten

Wiederverwendbare Interface-Elemente im BAUER GROUP Designsystem für konsistente digitale Produkte.

Designprinzipien

Prinzip	Beschreibung
Konsistenz	Gleiche Elemente sehen überall gleich aus
Barrierefreiheit	Alle Komponenten sind WCAG 2.1 AA konform
Responsivität	Komponenten passen sich an jede Bildschirmgröße an
Wiederverwendbarkeit	Einmal definiert, überall einsetzbar

In diesem Kapitel

Buttons

Primär-, Sekundär- und Outline-Varianten.

Badges & Status

Semantische Statusanzeigen.

Formulare

Eingabefelder, Labels und Validierung.

Brand Lockup

Zweizeiliges Geschäftsbereichs-Logo für Header und App-Bars.

CSS Basis

Alle Komponenten basieren auf den BAUER GROUP CSS Custom Properties:

:root {
  --bg-orange-500: #FF8500;  /* Primary Actions */
  --bg-neutral-100: #F4F4F5;    /* Secondary Actions */
  --bg-neutral-900: #18181B;    /* Text */
  --bg-neutral-200: #E4E4E7;    /* Borders */
  --font-body: system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}