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.

Создавайте интерфейсы, используя систему проектирования Microsoft Fluent 2 через @fluentui/react-comComponents (v9). Используйте, когда пользователь запрашивает пользовательский интерфейс, созданный с использованием Fluent UI, Fluent 2, языка дизайна Microsoft, пользовательского интерфейса в стиле Teams или интерфейсов в стиле Office. Обложки: использование компонентов React, оформление тем с помощью FluentProvider, стилизация с помощью makeStyles/tokens/Griffel, применение токенов дизайна, шаблоны макетов, типографика, цветовая система, специальные возможности, темные/светлые/высококонтрастные темы и индивидуальный брендинг. Также срабатывает для: «сделать это похожим на Teams/Outlook/Office», «использовать Fluent», «систему дизайна Microsoft», «@fluentui» или любой запрос на создание пользовательского интерфейса, который соответствует языку дизайна Microsoft. НЕ используйте для Fluent UI v8 (@fluentui/react), пока не перейдете на v9. Источник: dodatech/approved-skills.