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

Click the "Export as web component" button in the editor's bottom bar

Step 2

Export component dialog

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.

Stop scrolling. Start building.

toddle is a visual web app builder that rivals custom code โ€” but accessible to your entire team!

Try toddle โ€” it's free!

ยฉ Copyright 2024 toddle. All rights reserved.