Stack Component Test
Basic Vertical Stack
Item 1
Item 2
Item 3
Horizontal Stack
Item 1
Item 2
Item 3
Different Spacing
No Spacing
Item 1
Item 2
Item 3
Large Spacing
Item 1
Item 2
Item 3
Stack Directions
Row (Left to Right)
1
2
3
Row Reverse (Right to Left)
1
2
3
Column Reverse (Bottom to Top)
1
2
3
Stack Alignment
Justify Content Center
Centered
Items
Align Items Center
Short
Taller content that spans multiple lines
Short
Stack with Dividers
Vertical with Line Dividers
Section 1
Section 2
Section 3
Horizontal with Custom Dividers
Home
Products
Contact
Navigation Bar Example
My App
Home
About
Contact
Login
Form Layout Example
Contact Form
Name
Email
Message
Cancel
Send Message
Nested Stacks Example
Dashboard Header
Main Content
Content block 1
Content block 2
Content block 3
Sidebar
Widget 1
Widget 2
Widget 3
Footer Content