I’m experimenting with Component Slots. My goal was to create an icon card grid component that allows clients to select between different options.
Issues encountered:
Incomplete rendering in Builder - The component doesn’t render correctly in the Builder. As shown in the video, most of the card SVG icons are missing.
Styling discrepancies on frontend - The styling looks completely different on the frontend compared to the Builder. It appears that some styling has been lost during rendering.
Poor client editing experience - When I click on a card, it focuses on the slot instead of the component itself. This makes the experience overly complicated for clients, as they need to navigate to the structure panel to select the correct element. The component I’m clicking on should be focused directly instead.
Can you export your components/the entire layout and make them available to me?
I’m almost certain that we already have reports/tasks for at least two of the problems. However, to confirm this, I need your components
Hey, I created a staging environment where you have access to everything. I sent you a private DM. For some reason, the Icon Cards look fine now on the frontend, but on the backend they’re still not rendering correctly. Thanks!
Could you possibly record a separate video showing only this problem? I’m not sure if you showed this in your previous video—if so, please give me the timestamp
Thanks! Yeah, I recorded a video for you. Basically, the editing experience isn’t great, especially for client editing, because you’re forced to use the structure panel. I think it should automatically detect when you click on a component that’s inside a slot. In the video, I also show how Webflow handles it, and I found a solution with Claude where it can detect when you click on something inside a slot.
