Поделиться через

Компонент переключения темы в наборе средств Microsoft Graph

  • Статья

Компонент переключателя темы позволяет пользователю задать или изменить тему документа с светлой на темную с помощью переключателя.

Пользователь может использовать компонент переключателя темы, чтобы задать для темы light по умолчанию значение или dark. Затем пользователь может переключить эти режимы с помощью переключателя.

Пример

В следующем примере показано, как переключатель темы задает светлый или темный режим в зависимости от предпочтений пользователя.

Свойства

Атрибут Свойство Описание
mode mode Строка для задания режима по умолчанию переключателя темы. Значение по умолчанию: light.

В следующем примере показано, как dark установить режим по умолчанию.

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

Настраиваемые переменные CSS

Компонент переключения темы не имеет пользовательских переменных CSS.

События

Событие Когда он генерируется Пользовательские данные Отменяемым Пузыри Работает с пользовательским шаблоном
darkmodechanged Срабатывает при срабатывании темного режима действием пользователя. boolean Значение. true Если это темный режим, в противном случае false Нет Нет Нет

Дополнительные сведения об обработке событий см. в разделе События.

Шаблоны

Компонент переключения темы не имеет пользовательских шаблонов.

Разрешения Microsoft Graph

Для работы компонента переключателя темы не требуются разрешения Microsoft Graph.

Проверка подлинности

Компонент переключателя темы не требует проверки подлинности для работы.

Кэш

Компонент переключателя темы не кэшируют данные.

Локализация

Элемент управления предоставляет следующие переменные, которые можно локализовать. Дополнительные сведения о настройке локализации см. в разделе Локализация компонентов.

Имя строки Значение по умолчанию
label Color mode:
on Dark
выключено Light