Componente de alternância de tema no Kit de Ferramentas do Microsoft Graph
O componente de alternância de tema permite que o usuário defina ou altere o tema do documento de claro para escuro usando um alternância.
Um usuário pode usar o componente de alternância de tema para definir o tema padrão como light ou dark. Em seguida, o usuário pode alternar esses modos usando uma opção de alternância.
Exemplo
O exemplo a seguir mostra como o tema alterna o modo claro ou escuro com base na preferência do usuário.
Propriedades
| Atributo | Propriedade | Descrição |
|---|---|---|
| modo | Modo | Uma cadeia de caracteres para definir o modo padrão do alternância do tema. O padrão é light. |
O exemplo a seguir mostra a configuração do dark modo como o padrão.
<mgt-theme-toggle mode="dark"></mgt-theme-toggle>
Variáveis CSS personalizadas
O componente de alternância de tema não tem variáveis CSS personalizadas.
Eventos
| Evento | Quando ele é emitido | Dados personalizados | Cancelável | Bolhas | Funciona com modelo personalizado |
|---|---|---|---|---|---|
darkmodechanged |
Dispara quando o modo escuro é acionado pela ação do usuário. |
boolean Valor.
true se for o modo escuro de outra forma false |
Não | Não | Não |
Para obter mais informações sobre como lidar com eventos, consulte eventos.
Modelos
O componente de alternância de tema não tem modelos personalizados.
Permissões do Microsoft Graph
O componente de alternância de tema não precisa de permissões do Microsoft Graph para funcionar.
Autenticação
O componente de alternância de tema não precisa de autenticação para funcionar.
Cache
O componente de alternância de tema não armazena em cache nenhum dado.
Localização
O controle expõe as variáveis a seguir que podem ser localizadas. Para obter detalhes sobre como configurar a localização, confira Localizando componentes.
| Nome da cadeia de caracteres | Valor padrão |
|---|---|
| rótulo | Color mode: |
| on | Dark |
| desativado | Light |