المكونات هي اللبنات الأساسية التفاعلية لإنشاء واجهة مستخدم. يمكن تنظيمها في خمس فئات بناءً على الغرض منها: الإجراء والاحتواء والتنقل والتحديد وإدخال النص.
الأزرار
تساعد الأزرار المستخدمين على بدء الإجراءات أو التدفق. اختر من بين أنواع مختلفة من الأزرار للتأكيد على التوكيد.
البطاقات
تحتوي البطاقات على محتوى وإجراءات حول موضوع واحد.
لوحة عرض دوّارة مميّزة
تُبرز لوحة العرض الدوّارة المميّزة مجموعة من الوسائط في حاوية بالعرض الكامل. وجّه المستخدمين نحو المحتوى المميز.
قائمة شاملة
تُميِّز القائمة الشاملة عنصرًا محدَّدًا لعرض محتوى مجسَّم. استخدِمها لتسليط الضوء على المحتوى.
القوائم
فهارس رأسية مستمرة للنصوص أو الصور استخدِم القوائم لمساعدة المستخدمين على الاختيار من مجموعة.
لائحة التنقل
تتيح أدراج التنقل الوصول إلى الوجهات في التطبيق، وتتوفر دائمًا على حافة الشاشة.
علامات التبويب
توفّر علامات التبويب طريقة سهلة للتبديل بين الوجهات الأساسية في أحد التطبيقات، إذ تظهر علامات التبويب في أعلى الشاشة.