Log in to your Adalo account and start a new project. You can pick a template or just go from scratch. Head over to the screen where you want to use the toggle button. If you need a new screen for the toggle button, click the "+" button in the Screens panel to add one. Give it a name that makes sense. On the left sidebar, open the "Components" section. Scroll down or use the search bar to find the "Toggle" button component. Drag the "Toggle" button component onto your screen. Move it around until it's in the perfect spot. Click on the toggle button to open its properties panel. Here, you can tweak a few things: - **Label**: Give it a name or description. - **Initial State**: Choose if it should start "On" or "Off." - **Style**: Change how it looks to match your app's theme. With the toggle button selected, go to the "Actions" tab in the properties panel. Set up what happens when the toggle is switched "On" or "Off." This could be updating a database, moving to another screen, or triggering a custom function. If you need to save the toggle button’s state or use it to update data, link it to a database collection or property. In the properties panel, connect the toggle's state to a specific field in your Adalo database. Click the "Preview" button at the top-right corner to see how the toggle button works in your app. Make sure it does what you want when switched "On" or "Off." Make any tweaks to the toggle button’s properties, actions, or position based on the preview. Keep previewing until everything looks and works just right. Once you're happy with the toggle button’s functionality and look, save your project. If everything's good to go, publish the app to make the changes live.

This step-by-step guide should help you get the most out of Adalo's toggle button component.