Conception de votre application Microsoft Teams avec des composants d’interface utilisateur Fluent de base
Vous pouvez concevoir et créer votre application Teams à partir de zéro avec les composants d’interface utilisateur Fluent de base suivants. Conçus aussi plats que possible, ces composants peuvent fonctionner sur différents cas d’usage, thèmes et tailles d’écran.
Les illustrations de cette page montrent à quoi ressemblent les composants dans les thèmes par défaut (clair) et sombre de Teams.
Kit d’interface utilisateur de Microsoft Teams
Basé sur les composants React de l’interface utilisateur Fluent, le Kit d’interface utilisateur Microsoft Teams inclut des composants et des modèles conçus spécifiquement pour la création d’applications Teams. Dans le kit d’interface utilisateur, vous pouvez saisir et insérer les composants répertoriés ici directement dans votre conception et voir d’autres exemples d’utilisation de chaque composant.
Alerte
Bouton
Barre de navigation
Carte
Carrousel
Case à cocher
Coachmark
Menu contextuel
Boîte de dialogue
Liste déroulante
Liste des groupes
Lien hypertexte
Input
Paire clé-valeur
Paragraphe
Ramasseur
Pivot
Indicateur de progression
Radio
Barre de défilement
Zone de recherche
Panneau latéral
Étiquette d’état
Annonce
Bouton bascule
Remarque : Dans l’interface utilisateur Fluent, le bouton bascule est un type de case à cocher.
Info-bulle
Autres ressources
Obtenez des exemples de code et des détails d’implémentation pour certains des composants répertoriés ici et dans le Kit d’interface utilisateur Microsoft Teams.