{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/ec96514c931547ab8077c5cecdc253d4\" frameborder=\"0\" width=\"1920\" height=\"1440\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":1440,"width":1920,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":1440,"thumbnail_width":1920,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/ec96514c931547ab8077c5cecdc253d4-26b3aabf66cb664c.gif","duration":260.433333,"title":"Introducing Adaptive Components for Enhanced User Experience","description":"In this video, I discussed our work on adaptive components within the design system team, focusing on how they can automatically determine the optimal user experience for both desktop and mobile devices. I showcased our new select field component, which uses a popover on desktop and a dialogue on mobile to enhance usability. We recently launched the use adaptive view hook to ensure consistency across product teams when switching between adaptive views. I encourage you to try out the hook and provide feedback on its implementation and usability. Additionally, I’d love to hear your thoughts on which components should support adaptive views out of the box."}