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

The element panel

The element panel gives you everything you need for a specific element.

The element panel gives you access to everything you need for a specific element. Learn how to use it and benefit from the control you get at your fingertips.

The element panel lets you set different properties of the selected element.

  • The style tab lets you style the element and set the layout for its children.
  • The Attributes tab lets you set different HTML attributes for the element as well as set formulas for repeat and show/hide (See Formula section to learn more)
  • The Events tab lets you define different workflows that should happen when the user interacts with the element in various ways.

The element panel is only visible when you have selected an element. You will see a different panel when selecting text, as well as components (See Components to learn more)

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!
Server-side rendered Installable PWAs Connect to any database As performant as code toddle is built in toddle undefined undefined undefined undefined undefined
undefined Style tokens Export as web components No feature limits Connec to any API Extend with code undefined undefined undefined undefined

ยฉ Copyright 2024 toddle. All rights reserved.