Row
Flex-basierte Zeilen-Komponente für horizontale Anordnung. Unterstützt AlignItems, JustifyContent, Wrap, Reverse und Gap-Kontrolle.
Grundlayout mit Column (12er Raster)
Span="12" (volle Breite)
Span="6"
Span="6"
Span="4"
Span="4"
Span="4"
3
3
3
3
AlignItems (vertikale Ausrichtung)
Normal (default)
Item 1
Item 2
Item 3
Center
Item 1
Item 2
Item 3
JustifyContent (horizontale Ausrichtung)
Start (default)
Start
Item
Center
Center
Item
End
End
Item
Gap (Abstand zwischen Elementen)
Gap="0.5rem"
Item
Item
Item
Gap="2rem"
Item
Item
Item
Column als Flex-Container (AlignItems / JustifyContent / Gap)
Eine Column ist selbst ein flex-direction:column-Container.
Die Kindelemente lassen sich damit mit AlignItems, JustifyContent und Gap steuern.
AlignItems=Start (default)
Kurz
Etwas länger
Eng
AlignItems=Stretch
Volle Breite (stretch)
Volle Breite (stretch)
AlignItems=Center
Zentriert
Zentriert
JustifyContent=SpaceBetween
Oben
Mitte
Unten
Reverse=true
Erst gerendert
Zweiter
Dritter – erscheint oben
Formularelement-Stack in Column
Label: Vorname
Label: Nachname
Label: E-Mail
class & style
class
Spalte 1
Spalte 2
style
Spalte 1
Spalte 2