Layout

Layout components provide the structural foundation for composing consistent, responsive interfaces across DUIL. They offer a set of primitives — from grid and flex-based containers to spacing and stacking utilities — that handle arrangement, alignment, and distribution of content without prescribing visual style.

Use layout components to control how elements relate to each other in space, rather than styling individual components directly. Spacing follows the --dui-size-space-* token scale to ensure alignment with the broader design system.