Implementando um componente de API de temas moderno

Este componente de exemplo mostra casos de uso para usar os recursos de API de temas modernos para estilizar seu componente com base no tema atual usado em seu aplicativo. Os componentes importados seguem inicialmente o tema moderno padrão do Power Apps, até que você habilite os controles e temas modernos para seu aplicativo e aplique um tema moderno.

Disponível para

Aplicativos baseados em modelo e aplicativos de tela

Code

O componente de exemplo demonstra quatro exemplos diferentes que consomem o Power Apps API de temas modernos.

• Exemplo do Fluent v9 com aplicação automática do tema moderno atual: controles fluentes da interface do usuário v9
• A amostra do Fluent v8 define seu próprio ThemeProvider do v8 com base nos tokens de tema do v9 passados pelos parâmetros de contexto do PCF: Controles do Fluent UI v8
• Amostra que não são do Fluent que aplica estilização a seus elementos HTML fazendo referência direta a tokens de tema da v9 passados por meio dos parâmetros de contexto do PCF: Controles que não são do Fluent UI
• Amostra do Fluent v9 criando seu próprio FluentProvider v9 personalizado modificando o tema passado por meio dos parâmetros de contexto do PCF. Provedores de temas personalizados

Você pode baixar o componente de exemplo do PowerApps-Samples/component-framework/FluentThemingAPIControl.

Artigos relacionados

Baixar componentes de exemplo
Como usar os componentes de exemplo
Referência da API da estrutura de componentes do Power Apps
Componentes de estilo com temas modernos
Referência de tematização
Usar temas modernos em aplicativos de tela (versão prévia)
Visão geral de controles e temas modernos em aplicativos de tela