Export component

Components are compatible with the Web Component API, supported by all modern browsers. By being built on top of browser standards, toddle components can live outside of toddle when exported as web components, without any additional setup from your side— no need for compilation, custom build-steps, plugins etc.

Concepts such as slots, CSS variables, attributes, and events all still function. See the documentation on web components to see how they translate one-to-one.

Let's get you started by embedding your first toddle component onto another website. The website may be built in any of your second-favorite tools or on another toddle app.

Export as web-component

Step 1

Step 2

Step 3

Copy the code snippet to any page you'd like and you should see your component live! Any changes in the editor will be reflected in your component.

For production-use, you should always export your component from your " main" branch.