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

Статья
06/28/2023

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

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

Пример

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

HTML
React;

Откройте этот пример в mgt.dev.

Свойства

Атрибут	Свойство	Описание
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`

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