Skip to content

Latest commit

 

History

History
46 lines (28 loc) · 1.18 KB

File metadata and controls

46 lines (28 loc) · 1.18 KB

Vertical Layout Module

Container module for arranging child modules vertically in a column.

Features

  • Vertical arrangement - Stack modules vertically
  • Flexible alignment - Control how modules are positioned
  • Gap controls - Spacing between modules
  • Nested layouts - Combine with horizontal layouts for complex designs

Configuration

Layout Configuration

  • Vertical Alignment - Top, center, bottom, space-between, space-around, stretch

Gap Configuration

  • Gap Between Items - Spacing between modules (in rem units)
  • Negative Values - Use negative values to overlap modules

Alignment Options

Vertical Alignment

  • Top - Modules aligned to top
  • Center - Modules centered in container
  • Bottom - Modules aligned to bottom
  • Space Between - Equal space between modules
  • Space Around - Equal space around each module
  • Stretch - Modules stretch to fill height

Examples

Status Column

Vertical layout with multiple info modules showing system status.

Control Panel

Vertical layout with buttons and bars for device control.

Dashboard Section

Vertical layout containing related modules grouped together.