布局组件
建立页面、区块和组件之间的尺寸与排列关系:栅格、弹性、间距、分割、吸顶、滚动区域与页面框架。
使用规则
- Grid 与 Flex:整页 / 区块栅格用 Grid,一维排列与对齐用 Flex。
- Space 表达组件间距时优先引用间距 Token,不写死像素。
- Splitter 与 Resizable:固定分割条用 Splitter,自由调整尺寸用 Resizable。
- 页面滚动与局部 ScrollArea:长页面用窗口滚动,面板内部滚动用 ScrollArea。
全部条目
共 11 条
Layout
组织页面级头部、侧栏和内容区。
稳定本期新增已接入
Row
栅格行容器(gutter / 对齐 / 换行)。
稳定本期新增已接入
Col
栅格列(24 分栏 span / offset / 响应式断点)。
稳定本期新增已接入
Grid
按响应式行列排列内容。
稳定本期新增已接入
Flex
沿主轴和交叉轴排列对象。
稳定本期新增已接入
Space
为一组相邻元素提供一致间距。
稳定本期新增已接入
Container
限制内容宽度并建立页面留白。
稳定本期新增已接入
Splitter
将工作区拆分为可调整面板。
稳定本期新增已接入
Resizable
调整单个区域或对象尺寸。
稳定本期新增已接入
AspectRatio
保持媒体或预览画布比例。
稳定本期新增已接入
ScrollArea
建立受控滚动区域。
稳定本期新增已接入