← 全部模板

开关设置窗 <ToggleCard />

一个设置窗口，每行一个图标、名称、说明和开关。开关可以现场点，但只是演示，不控制任何东西。

分组: 要点 · 哪些开着、哪些关着
组件: ToggleCard · #toggle-card
交互: 点击开关可切换，仅为演示

适合

讲默认设置、功能开关、可选项
桌面风格的演示

不适合

要说明的是状态好坏：用 StatusGrid

内容上限

1	rows 3–5 行：label ≤ 10 字，note ≤ 24 字
2	title ≤ 2 行 × 8 字

字段

字段	类型
`kicker` · 必填	`string`	小节名，2–8 字
`title` · 必填	`string \| string[]`	标题；数组手动断行
`lead`	`string`	一两句导语，≤ 60 字
`source`	`string`	事实出处
`file` · 必填	`string`	窗口标题
`rows` · 必填	`{ icon, label, note, on, spot? }[]`	设置行

示例代码

<ToggleCard kicker="放映" title="…" file="放映设置" rows={[{ icon: 'monitor', label: '全屏', note: 'F 键', on: true }, …]} />