Lorem ipsum
Dolor sit amet
Background
Hintergrund-Elemente
Die Background-Komponente wird verwendet, um Hintergrund-Elemente mit optionaler Dunkelmodus-Unterstützung zu erstellen. Sie eignet sich besonders für die Gestaltung von Sektionen mit speziellen Hintergründen oder Farbverläufen.
Codebeispiel
<Background isDark={false}><div class="relative z-10"> <!-- Ihr Inhalt hier --></div></Background>Dark Mode Unterstützung
Die Background-Komponente unterstützt automatisch den Dark Mode durch die isDark Prop:
- isDark=: Verwendet helle Hintergrundfarben
- isDark=true: Verwendet dunkle Hintergrundfarben mit angepassten CSS-Variablen
Verwendung mit WidgetWrapper
Consetetur sadipscing elitr
Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
Background mit WidgetWrapper
Kombinierte Verwendung
Die Background-Komponente kann mit WidgetWrapper kombiniert werden, um konsistente Sektionen mit Hintergründen zu erstellen.
Codebeispiel
<WidgetWrapper isDark={true}><Background isDark={true}> <div class="relative z-10"> <!-- Ihr Inhalt hier --> </div></Background></WidgetWrapper>Automatische Dark Mode Erkennung
Die Komponente erkennt automatisch den aktuellen Dark Mode Status und passt die Farben entsprechend an.