Power Apps component library: Material design

In this 20-minute developer-focused demo, April Dunnam, Luise Freese and Robin Rosengrün deliver an overview on a Design Toolkit Initiative - prescriptive guidance around UI principles for Power Apps. Review UI options for makers - ugly/bad/good, material design, what/why component libraries for Power Apps, and introduction to the first library with 16 components, template, proper documentation and 5000 SVGs. Download component library and template app then build your app, use mix of standard and component library controls, change app style easily in OnStart Property.
This PnP Community demo is taken from the Microsoft 365 & Power Platform Development Community call recorded on December 22, 2022.
Demo Presenters
• April Dunnam (Microsoft) | @aprildunnam
• Luise Freese | @LuiseFreese
• Robin Rosengrün (EnBW) | @power_r2
Supporting materials
• Tool - Material Design | m2.material.io/design
• Tool - Power Apps Design Toolkit | github.com/pnp/powerapps-desi...
Learn more
• Microsoft 365 Unified Sample gallery - aka.ms/m365/samples
• Microsoft 365 Platform Community in CZcams - aka.ms/m365/videos
• Microsoft 365 Platform Community - aka.ms/m365/community

[@PeterHeffner]

Well done, April, Luise, and Robin! I love it! Thanks for sharing ♥

[@aescamilla]

😲 OMG this is amazing work guys, absolutely blown away, thank you for sharing.

[@ulfarhelgason117]

Where exactly are the instructions on how to set this up? Component library import is confusing.

[@kurtnelle]

I just spent 5 hours figuring it out, and I suspect it's broken. Sigh we need them to assist.

[@jessandrews9576]

@@kurtnelle take a look inside the downloaded file, I found it in there somewhere. Its a bit of a faff

[@MartinHangie]

@@moeking5601 Penny just dropped! This is a solution file not a 'legacy' zip file. It must be imported as a new solution. Thanks @moeking5601

[@parasrajput6839]

Switch to classic mode, and import the solution.

[@iamdhruvinshah]

This is Amazing!! Loved this!

[@luisefreese4239]

Thank you, this is very kind of you. #SharingIsCaring

[@dandansoy2008]

I love this.. thanks for sharing!

[@TheMattmulherin]

great work, will definitely help makers.

[@pasfoundation4927]

Thank you. Just what's needed. I cannot find the "Top Bar" cmd_MD_AppBar_top_1 Where is that located?

[@kurtnelle]

Sold. I'll take 2!

[@eyoborelvis8224]

Wow,

[@marinabaricevic3343]

Is somebody supporting these components? I see there is issues and bugs reported on Git but no answer?