Embedding components in Webflow

nathandh · 2025-03-19T05:44:01.32+00:00

For components exported as web components and embedded in a Webflow site, is there any way to use Webflow's native styling for basic layout? Thinking I'd like to leave the component in toddle full width (or 100%) and then have it respect the container it's in on the Webflow site. So let's say you have a 50% wide in Webflow, and drop your toddle in that div and have it render 50% of the width

nathandh

7 months ago

For components exported as web components and embedded in a Webflow site, is there any way to use Webflow's native styling for basic layout? Thinking I'd like to leave the component in toddle full width (or 100%) and then have it respect the container it's in on the Webflow site. So let's say you have a 50% wide div in Webflow, and drop your toddle embed in that div and have it render 50% of the width
salma

7 months ago

That should work as you described it.
nathandh

7 months ago

@salma so I must be doing something wrong! I've got the parent container with a fixed width, but the embedded toddle component doesn't respect it, just breaks out and takes up full width

Any ideas?
salma

7 months ago

Is your toddle project public? If so, can you share a link? Alternatively a video demonstrating the issue would be very useful.

Embedding components in Webflow

nathandh

salma

nathandh

salma