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.

أنشئ واجهات باستخدام نظام التصميم Fluent 2 من Microsoft عبر @fluentui/react-components (الإصدار 9). يُستخدم عندما يطلب المستخدم واجهة مستخدم تم إنشاؤها باستخدام Fluent UI، أو Fluent 2، أو لغة تصميم Microsoft، أو واجهة مستخدم بنمط Teams، أو واجهات بنمط Office. الأغلفة: استخدام مكونات React، والتخصيص باستخدام FluentProvider، والتصميم باستخدام makeStyles/tokens/Griffel، وتطبيق رمز التصميم، وأنماط التخطيط، والطباعة، ونظام الألوان، وإمكانية الوصول، والموضوعات الداكنة/الخفيفة/عالية التباين، والعلامات التجارية المخصصة. يتم تشغيله أيضًا لـ: "اجعله يبدو مثل Teams/Outlook/Office"، أو "استخدام Fluent"، أو "نظام تصميم Microsoft"، أو "@fluentui"، أو أي طلب لإنشاء واجهة مستخدم تتبع لغة تصميم Microsoft. لا تستخدمه مع Fluent UI v8 (@fluentui/react) ما لم يتم الترحيل إلى الإصدار 9. المصدر: dodatech/approved-skills.