SxPageBox (页面盒子)
- Implemented
NextUI 核心布局组件。用于标准化页面主体内容区域，提供统一的边距与结构布局。
使用场景
- 页面主体内容容器
- 固定宽度内容区域
- 安全区适配布局
约束说明
PaddingSize使用ControlSize级别。EnableSafeArea仅影响外层内边距。
行为说明
Constrained为真时限制最大宽度并居中。Fill为真时占满父容器高度。
API
Parameters (参数)
| 状态 | 参数名 | 类型 | 默认值 | 描述 |
|---|---|---|---|---|
| Implemented | ChildContent |
RenderFragment? |
null |
内容区域。 |
| Implemented | PaddingSize |
ControlSize |
Medium |
内边距级别。 |
| Implemented | EnableSafeArea |
bool |
true |
安全区适配。 |
| Implemented | Constrained |
bool |
false |
限制最大宽度并居中。 |
| Implemented | Fill |
bool |
false |
占满高度。 |
| Implemented | Id (继承) |
string? |
null |
组件 Id。 |
| Implemented | Class (继承) |
string? |
null |
CSS 类名。 |
| Implemented | Style (继承) |
string? |
null |
自定义样式。 |
| Implemented | Title (继承) |
string? |
null |
HTML title。 |
| Implemented | AdditionalAttributes (继承) |
IEnumerable<KeyValuePair<string, object>>? |
null |
额外属性。 |
示例
<SxPageBox PaddingSize="ControlSize.Medium" Constrained="true">
内容区域
</SxPageBox>