fluent2-design-system

Build production-grade interfaces using Microsoft's Fluent 2 design system with @fluentui/react-components (v9).

Every Fluent 2 React app requires a FluentProvider wrapping the component tree with a theme:

Use makeStyles (from @fluentui/react-components) — never inline styles or external CSS for token-aware styling.

Erstellen Sie Schnittstellen mit dem Designsystem Fluent 2 von Microsoft über @fluentui/react-components (v9). Verwenden Sie diese Option, wenn der Benutzer eine Benutzeroberfläche anfordert, die mit Fluent UI, Fluent 2, der Microsoft-Designsprache, einer Benutzeroberfläche im Teams-Stil oder Schnittstellen im Office-Stil erstellt wurde. Behandelt: Verwendung von React-Komponenten, Themengestaltung mit FluentProvider, Styling mit makeStyles/tokens/Griffel, Design-Token-Anwendung, Layoutmuster, Typografie, Farbsystem, Barrierefreiheit, dunkle/helle/kontrastreiche Themen und benutzerdefiniertes Branding. Löst auch Folgendes aus: „Es wie Teams/Outlook/Office aussehen lassen“, „Fluent verwenden“, „Microsoft-Designsystem“, „@fluentui“ oder jede Anforderung zum Erstellen einer Benutzeroberfläche, die der Designsprache von Microsoft folgt. NICHT für Fluent UI v8 (@fluentui/react) verwenden, es sei denn, Sie migrieren auf v9. Quelle: dodatech/approved-skills.