Container module for arranging child modules horizontally in a row.
- Horizontal arrangement - Place modules side by side
- Flexible alignment - Control how modules are positioned
- Gap controls - Spacing between modules
- Wrapping support - Allow modules to wrap to next line
- Nested layouts - Combine with vertical layouts for complex designs
- Horizontal Alignment - Left, center, right, space-between, space-around
- Vertical Alignment - Top, center, bottom, stretch, baseline
- Allow Wrapping - Modules wrap to next line when container width exceeded
- Gap Between Items - Spacing between modules (in rem units)
- Negative Values - Use negative values to overlap modules
- Left - Modules aligned to left side
- Center - Modules centered in container
- Right - Modules aligned to right side
- Space Between - Equal space between modules
- Space Around - Equal space around each module
- Justify - Modules stretch to fill width
- Top - Modules aligned to top
- Center - Modules centered vertically
- Bottom - Modules aligned to bottom
- Stretch - Modules stretch to fill height
- Baseline - Modules aligned to text baseline
Horizontal layout with multiple icon modules for device controls.
Horizontal layout with info modules showing temperature, humidity, and pressure.
Horizontal layout with button modules for scene controls.