Ask toddle AI

๐Ÿ 

Docs home

๐Ÿ‘ถ

Getting started

๐ŸŽ“

1st week in toddle

๐Ÿ› ๏ธ

The editor

๐Ÿงฑ

Elements

๐Ÿ’…

Styling and layout

๐Ÿ“ฆ๏ธ

Components

๐Ÿ“„

Pages and navigation

โ˜๏ธ

Working with APIs

๐Ÿงฎ

Formulas

๐Ÿ””

Events and actions

๐Ÿ“ฆ

Packages

๐Ÿค–

Custom code

๐Ÿ‘ฏโ€โ™‚๏ธ

Integrations

๐Ÿฟ

Tutorials

๐Ÿงฐ

Other

Component elements

One of the most powerful features of toddle is the ability to create your own components. Components are reusable elements that have their own element tree, styling, and logic.

There is an entire documentation section with a focus on components so we won't cover how to build them here.

Like HTML elements, components can be configured using attributes, CSS-variables and they are able to emit events.

Components contain a tree of any type of element; even other components! When you update your component, any component using that component will be updated to look similar.

Components are a fundamental tool in toddle. You should use them to encapsulate logic, create reusable design components, and sometimes just to split up larger components into smaller more maintainable parts.