Projetando seu aplicativo do Microsoft Teams com componentes básicos da interface do usuário fluente

Você pode projetar e criar seu aplicativo teams do zero com os seguintes componentes básicos da interface do usuário fluente. Projetados o mais simples possível, esses componentes podem funcionar em diferentes casos de uso, temas e tamanhos de tela.

As ilustrações nesta página mostram como os componentes são exibidos em temas padrão (claro) e escuros do Teams.

Kit de IU do Microsoft Teams

Com base em componentes de reação da interface do usuário fluente, o Kit de Interface do Usuário do Microsoft Teams inclui componentes e padrões projetados especificamente para criar aplicativos do Teams. No kit de interface do usuário, você pode pegar e inserir os componentes listados aqui diretamente em seu design e ver mais exemplos de como usar cada componente.

Obtenha o Kit de Interface do Usuário do Microsoft Teams (Figma).

Alerta

Botão

Trilha

Cartão

Carrossel

Caixa de seleção

Coachmark

Menu contextual

Diálogo

Lista suspensa

Lista de grupos

Hiperlink

Input

Par de valor de chave

Paragraph

Selecionador

Dinamizar

Indicador de progresso

Rádio

Scrollbar

Caixa de pesquisa

Painel lateral

Rótulo de status

Notificação do sistema

Alternância

Observação: na interface do usuário fluente, alternar é um tipo de caixa de seleção.

Dica de ferramenta

Outros recursos

Obtenha exemplos de código e detalhes de implementação de alguns dos componentes listados aqui e no Kit de Interface do Usuário do Microsoft Teams.

Experimente os componentes de reação da interface do usuário fluente