Layout

Containers, stacks, grids and app structure.

Import from @mushilu-san/ui/layout

• Aspect ratioKeeps its content at a fixed width-to-height ratio, such as 16:9 for video.
• ContainerCentres page content and limits its width to a readable measure.
• GridLays out children in a fixed number of equal columns, with gaps between them.
• ResizableSplits an area into panels that the user can resize by dragging a handle.
• Scroll areaA region with a styled scrollbar for content that is taller or wider than its box.
• SidebarAn app navigation column with sections, items and a collapse control.
• SpacerAn empty element that adds a fixed gap or fills the free space in a flex row.
• StackArranges children in a row or column with a consistent gap.