Ask toddle AI

๐Ÿ’ฌ

Help forum

๐Ÿ 

Docs home

๐Ÿ‘ถ

Getting started

๐ŸŽ“

1st week in toddle

๐Ÿ› ๏ธ

The editor

๐Ÿงฑ

Elements

๐Ÿ’…

Styling and layout

๐Ÿ“ฆ๏ธ

Components

๐Ÿ“„

Pages and navigation

โ˜๏ธ

API setup

๐Ÿงฎ

Formulas

๐Ÿ””

Events and actions

๐Ÿ“ฆ

Packages

๐Ÿค–

Custom code

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

Integrations

๐Ÿฟ

Tutorials

๐Ÿงฐ

Other

๐Ÿ”—

References

The project sidebar

Click on the name of the current page or component in the top left corner of the editor to open the sidebar.

Screenshot from the toddle editor of the page/component picker
Use hotkey โŒ˜/CTRL + K to quickly open the project sidebar and Escape to close it

The project sidebar lets you navigate all the files in your project.

Screenshot from the toddle editor of the left sidebar with pages, components etc.


At the top you will see a search field that will let you quickly find the file you are looking for.


Next you will see a tab menu letting you see
Pages, Components, Media, Themes and Settings.
โ 
โ The Recent section will show recently opened files so you can quickly switch when working across multiple files.


At the bottom of the panel you will see a button labeled "Create new" which will let you create new pages and components, as well as import from other projects.


The settings tab lets you set different settings for your project including
Favicon, urls for Robots.txt and Sitemap.

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.