<?xml version="1.0" encoding="UTF-8"?><oembed><type>video</type><version>1.0</version><html>&lt;iframe src=&quot;https://www.loom.com/embed/b1a5afaf7b3a4cdb9e0b0e1c9f4a100c&quot; frameborder=&quot;0&quot; width=&quot;2000&quot; height=&quot;1500&quot; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;</html><height>1500</height><width>2000</width><provider_name>Loom</provider_name><provider_url>https://www.loom.com</provider_url><thumbnail_height>1500</thumbnail_height><thumbnail_width>2000</thumbnail_width><thumbnail_url>https://cdn.loom.com/sessions/thumbnails/b1a5afaf7b3a4cdb9e0b0e1c9f4a100c-a2b17db430870443.gif</thumbnail_url><duration>783.406</duration><title>Designing Scalable Component Variants for Better Usability 🎨</title><description>In this video, I walk through some design considerations for your project, particularly focusing on the structure and naming conventions of your components. I suggest creating a new utility class called &apos;has corners&apos; to enhance scalability and ensure consistency across your designs. We also explored component variants, which will allow you to manage sizes more effectively. I recommend ensuring that your corner squares don’t reference size directly and to apply a z-index for better layering. Please review these suggestions and implement the changes as needed.</description></oembed>