Примечание.
Для доступа к этой странице требуется авторизация. Вы можете попробовать войти или изменить каталоги.
Для доступа к этой странице требуется авторизация. Вы можете попробовать изменить каталоги.
Предостережение
Набор средств Microsoft Graph не рекомендуется использовать. Период выхода на пенсию начинается 1 сентября 2025 года, а полный выход на пенсию запланирован на 28 августа 2026 года. Разработчикам следует перейти на использование пакетов SDK для Microsoft Graph или других поддерживаемых средств 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 |