Microsoft Graph 工具包中的主题切换组件

主题切换组件允许用户使用切换将文档主题从浅色设置为深色。

用户可以使用主题切换组件将默认主题设置为 lightdark。 然后,用户可以使用切换开关来切换这些模式。

示例

以下示例演示主题切换如何根据用户的首选项设置浅色或深色模式。

属性

属性 属性 说明
mode mode 用于设置主题切换的默认模式的字符串。 默认值为 light

以下示例显示将 dark 模式设置为默认模式。

<mgt-theme-toggle mode="dark"></mgt-theme-toggle>

自定义 CSS 变量

主题切换组件没有自定义 CSS 变量。

事件

事件 何时发出 自定义数据 可取消 泡沫 使用自定义模板
darkmodechanged 当用户操作触发深色模式时触发。 boolean 价值。 true 如果为深色模式,则为 false

有关处理事件的详细信息,请参阅 事件

模板

主题切换组件没有自定义模板。

Microsoft Graph 权限

主题切换组件不需要任何 Microsoft Graph 权限才能工作。

身份验证

主题切换组件不需要身份验证才能正常工作。

缓存

主题切换组件不缓存任何数据。

本地化

控件公开以下可本地化的变量。 有关如何设置本地化的详细信息,请参阅 本地化组件

字符串名称 默认值
标签 Color mode:
on Dark
Light