Switch 开关Switch

打开或关闭一个立即生效的设置，比如“深色模式”“接收通知”。需要点“保存”才生效的选项用 Checkbox。

基本用法

children 是开关旁的文字，点文字同样可以切换。按住时滑块会拉伸，松开弹到另一侧。

自动保存向所有人公开

只有开关本身时必须给 aria-label，或者放进带标签的 Field（标签在上、开关在下，提示文字会一并关联）。

每周摘要

每周一早上发到邮箱

禁用后轨道只剩描边、滑块变灰；开着的保留淡强调色，仍能看出状态。

关（禁用）开（禁用）

onChange 的参数是新的布尔值。

勿扰模式已关闭

属性	类型	默认值	说明
`checked`	`boolean`	—	是否打开（受控）。
`defaultChecked`	`boolean`	`false`	初始是否打开（非受控）。
`onChange`	`(checked: boolean) => void`	—	状态变化时触发，参数是新状态。
`children`	`ReactNode`	—	开关旁的文字。
`disabled`	`boolean`	—	禁用。
`name / value`	`string`	—	原生属性：放在表单里时，打开才会提交。
`rootClassName / rootStyle`	`string / CSSProperties`	—	外层 <label> 的类名与样式。className / style 同样落在 <label> 上。
`…rest`	`InputHTMLAttributes`	—	其余原生属性和 ref 落在 <input> 上。