Hello,
I thought Slots was the feature we had all been waiting for. Unfortunately, I just found out it's not. As soon as I started using it, it created major issues in my design system and essentially broke all of my responsive components that rely on variants to switch between desktop and mobile layouts. The problem is that it's now too late for me because I've already migrated everything to Slots.
For example, I have a Bento component with two variants: Desktop and Mobile. Both variants share the same Slot property. Naturally, the layout inside the Bento needs to be different for each device to be truly responsive, while the content and overall structure remain exactly the same.
However, if I edit a single layer inside the Slot in the Desktop variant and then switch to the Mobile variant, it overrides the mobile layout and breaks everything, even though the structure is 100% identical.
I'm experiencing this issue with every component that uses Slots.
At first, I thought I might need two separate Slot properties, one for each layout, so the layout would remain independent while the content stayed synchronized. But that seems to defeat the purpose of Slots.
Is there a way to achieve this without breaking the layouts? Am I missing something, or is this a current limitation of Slots?
Thanks!
Â
Â
