SxSettings (设置中心框架)

Implemented

用于构建标准化的设置中心页面。采用 Master-Detail 结构，支持自动侧边栏导航、组滚动联动以及响应式布局。

组件构成

SxSettingsContainer (设置容器)

状态	参数名	类型	默认值	描述
[x]	`SidebarHeader`	`RenderFragment?`	`null`	侧边栏顶部的自定义内容。
[x]	`ChildContent`	`RenderFragment?`	`null`	设置组内容。

SxSettingsGroup (设置组)

状态	参数名	类型	默认值	描述
[x]	`Title`	`string`	`""`	组标题，会自动显示在侧边栏。
[x]	`Icon`	`string`	`"gear"`	组图标。
[x]	`ChildContent`	`RenderFragment?`	`null`	组内的设置项。

SxSettingsItem (设置项)

状态	参数名	类型	默认值	描述
[x]	`Title`	`string`	`""`	设置项标题。
[x]	`Description`	`string?`	`null`	设置项描述。
[x]	`ChildContent`	`RenderFragment?`	`null`	控制控件（如 Switch, Select）。

使用示例

<SxSettingsContainer>
    <SidebarHeader>
        <SxTypography Variant="TypographyVariant.BodyStrong">设置中心</SxTypography>
    </SidebarHeader>
    <ChildContent>
        <SxSettingsGroup Title="通用" Icon="gear">
            <SxSettingsItem Title="显示模式" Description="切换深浅色外观">
                <SxSwitch />
            </SxSettingsItem>
        </SxSettingsGroup>
    </ChildContent>
</SxSettingsContainer>

在 Playground 中打开 →