Pages
Container
Container sind Strukturelemente zur Gruppierung und Anordnung von UI-Komponenten innerhalb eines abgegrenzten Layoutbereichs. Sie bestimmen das Verhalten der enthaltenen Elemente hinsichtlich Position, Größe und Reaktion auf Layoutänderungen.
Es gibt drei Containertypen – jeder folgt einer eigenen Logik:
1. Resizable Container
Die Position der enthaltenen Elemente bleibt konstant, aber ihre Größe passt sich proportional an die Containergröße an. Ideal für responsive Layouts mit Skalierungsbedarf.
2. Static Container
Die Elemente behalten ihre absolute Position und Größe bei. Keine Skalierung erfolgt beim Ändern der Containergröße. Perfekt für präzise, statische Layouts oder ältere UI-Strukturen.
Wann Container verwenden?
- Resizable für responsive Designs mit Größenanpassung
- Static für exakte, pixelbasierte Platzierung
Container können beliebige UI-Elemente enthalten und auch ineinander verschachtelt werden.