← 所有版型

开关设置窗 <ToggleCard />

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

版型與風格的說明目前僅提供簡體中文。

分組
要点 · 哪些开着、哪些关着
元件
ToggleCard · #toggle-card
互動
点击开关可切换,仅为演示

適合

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

不適合

  • 要说明的是状态好坏:用 StatusGrid

內容上限

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

欄位

欄位型別
kicker · 必填string小节名,2–8 字
title · 必填string | string[]标题;数组手动断行
leadstring一两句导语,≤ 60 字
sourcestring事实出处
file · 必填string窗口标题
rows · 必填{ icon, label, note, on, spot? }[]设置行

範例程式碼

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