flex

Overview ¶

Package main demonstrates HBox/VBox flex layout with mixed fixed and flex children.

Layout:

┌──────────────────────────────────────────────────────────┐
│  HEADER (fixed 3 rows, full width)                       │
├─────────────────────────────┬────────────────────────────┤
│  LEFT SIDEBAR (fixed 24w)   │  CONTENT AREA (flex, grow) │
│  · Nav item 1               │  · Large text area         │
│  · Nav item 2               │    rendered here           │
│  · Nav item 3               │                            │
├─────────────────────────────┴────────────────────────────┤
│  FOOTER BAR  (fixed 1 row, SpaceBetween two labels)      │
└──────────────────────────────────────────────────────────┘