折叠卡片`CollapsibleSettingsCard`

将设置内容收进可展开的卡片，用标题、摘要和指示灯概括当前状态。

亲手试一试。

01 / LIVE PREVIEW

这里放置详细设置。

STATES / 示例状态

收起展开

在左侧预览中体验这枚组件。

INTERACTIVE SPECIMEN · 跟随全站主题

用法

02 / USAGE

下方展示组件的调用方式。

rsx! {
    CollapsibleSettingsCard {
        title: "自动备份",
        summary: "每天 08:30 留下一份记录",
        enabled: true,
        p { "这里放置详细设置。" }
    }
}

主要属性

03 / PROPERTIES

属性 / 类型	默认值	说明
`title`String	必填	卡片标题。
`summary`String	必填	当前设置的简短摘要。
`enabled`bool	必填	状态指示灯是否使用强调色。
`children`Element	必填	展开后的内容。
`default_open`bool	false	首次挂载时是否展开。
`on_toggle`Option<EventHandler<()>>	None	展开状态变化的回调。

操作方式

04 / INTERACTION

Tab聚焦标题Space / Enter展开或收起

YGGDRASIL · 每一个细节，都有回应。src/components/ui.rs