Replace ElevatedButton with Button in examples

Updated all Python example files to use ft.Button instead of ft.ElevatedButton for consistency with the latest Flet API. This affects authentication, controls-gallery, routing-navigation, studio-gallery, desktop-window-manager, and other sample apps.

Author: FeodorFitsner

sdk/python/examples/apps/authentication/basic-auth-async.py

@@ -25,7 +25,7 @@ async def on_login(e):
         print("User ID:", page.auth.user.id)
 
     page.on_login = on_login
-    page.add(ft.ElevatedButton("Login with GitHub", on_click=login_click))
+    page.add(ft.Button("Login with GitHub", on_click=login_click))
 
 
 ft.run(target=main, port=8550, view=ft.WEB_BROWSER)

sdk/python/examples/apps/authentication/basic-auth.py

@@ -25,7 +25,7 @@ def on_login(e):
         print("User ID:", page.auth.user.id)
 
     page.on_login = on_login
-    page.add(ft.ElevatedButton("Login with GitHub", on_click=login_click))
+    page.add(ft.Button("Login with GitHub", on_click=login_click))
 
 
 ft.run(target=main, port=8550, view=ft.WEB_BROWSER)

sdk/python/examples/apps/authentication/check-auth-results-and-toggle-ui.py

@@ -1,11 +1,10 @@
 import os
 
-import flet
-from flet import ElevatedButton, LoginEvent, Page
+import flet as ft
 from flet.auth.providers import GitHubOAuthProvider
 
 
-def main(page: Page):
+def main(page: ft.Page):
     provider = GitHubOAuthProvider(
         client_id=os.getenv("GITHUB_CLIENT_ID"),
         client_secret=os.getenv("GITHUB_CLIENT_SECRET"),
@@ -15,7 +14,7 @@ def main(page: Page):
     def login_button_click(e):
         page.login(provider, scope=["public_repo"])
 
-    def on_login(e: LoginEvent):
+    def on_login(e: ft.LoginEvent):
         if not e.error:
             toggle_login_buttons()
 
@@ -30,12 +29,12 @@ def toggle_login_buttons():
         logout_button.visible = page.auth is not None
         page.update()
 
-    login_button = ElevatedButton("Login with GitHub", on_click=login_button_click)
-    logout_button = ElevatedButton("Logout", on_click=logout_button_click)
+    login_button = ft.Button("Login with GitHub", on_click=login_button_click)
+    logout_button = ft.Button("Logout", on_click=logout_button_click)
     toggle_login_buttons()
     page.on_login = on_login
     page.on_logout = on_logout
     page.add(login_button, logout_button)
 
 
-flet.app(target=main, port=8550, view=flet.AppView.WEB_BROWSER)
+ft.app(target=main, port=8550, view=ft.AppView.WEB_BROWSER)

sdk/python/examples/apps/authentication/github-oauth-with-listing-repos-async.py

@@ -2,8 +2,9 @@
 import logging
 import os
 
-import flet as ft
 import httpx
+
+import flet as ft
 from flet.auth.providers import GitHubOAuthProvider
 from flet.security import decrypt, encrypt
 
@@ -89,8 +90,8 @@ def toggle_login_buttons():
         logged_user.visible = logout_button.visible = page.auth is not None
 
     logged_user = ft.Text()
-    login_button = ft.ElevatedButton("Login with GitHub", on_click=perform_login)
-    logout_button = ft.ElevatedButton("Logout", on_click=logout_button_click)
+    login_button = ft.Button("Login with GitHub", on_click=perform_login)
+    logout_button = ft.Button("Logout", on_click=logout_button_click)
     repos_view = ft.ListView(expand=True)
     page.on_login = on_login
     page.on_logout = on_logout

sdk/python/examples/apps/authentication/github-oauth-with-listing-repos.py

@@ -2,8 +2,9 @@
 import logging
 import os
 
-import flet as ft
 import httpx
+
+import flet as ft
 from flet.auth.providers import GitHubOAuthProvider
 from flet.security import decrypt, encrypt
 
@@ -86,8 +87,8 @@ def toggle_login_buttons():
         logged_user.visible = logout_button.visible = page.auth is not None
 
     logged_user = ft.Text()
-    login_button = ft.ElevatedButton("Login with GitHub", on_click=perform_login)
-    logout_button = ft.ElevatedButton("Logout", on_click=logout_button_click)
+    login_button = ft.Button("Login with GitHub", on_click=perform_login)
+    logout_button = ft.Button("Logout", on_click=logout_button_click)
     repos_view = ft.ListView(expand=True)
     page.on_login = on_login
     page.on_logout = on_logout

sdk/python/examples/apps/authentication/linkedin-login.py

@@ -1,11 +1,10 @@
 import os
 
-import flet
-from flet import ElevatedButton, Page
+import flet as ft
 from flet.auth import OAuthProvider
 
 
-def main(page: Page):
+def main(page: ft.Page):
     provider = OAuthProvider(
         client_id=os.getenv("LINKEDIN_CLIENT_ID"),
         client_secret=os.getenv("LINKEDIN_CLIENT_SECRET"),
@@ -27,7 +26,7 @@ def on_login(e):
         print("Access token:", page.auth.token.access_token)
 
     page.on_login = on_login
-    page.add(ElevatedButton("Login with LinkedIn", on_click=login_click))
+    page.add(ft.Button("Login with LinkedIn", on_click=login_click))
 
 
-flet.app(target=main, port=8550, view=flet.AppView.WEB_BROWSER)
+ft.app(target=main, port=8550, view=ft.AppView.WEB_BROWSER)

sdk/python/examples/apps/controls-gallery/examples/animations/animated_switcher/01_animatedswitcher_example.py

@@ -31,4 +31,4 @@ def animate(e):
         c.content = c2 if c.content == c1 else c1
         c.update()
 
-    return ft.Column(controls=[c, ft.ElevatedButton("Animate!", on_click=animate)])
+    return ft.Column(controls=[c, ft.Button("Animate!", on_click=animate)])

sdk/python/examples/apps/controls-gallery/examples/buttons/cupertinodialogaction/01_cupertino_dialog_action_example.py

@@ -19,4 +19,4 @@ def dismiss_dialog(e):
     def open_dlg(e):
         e.control.page.show_dialog(cupertino_alert_dialog)
 
-    return ft.ElevatedButton("Open CupertinoAlertDialog", on_click=open_dlg)
+    return ft.Button("Open CupertinoAlertDialog", on_click=open_dlg)

sdk/python/examples/apps/controls-gallery/examples/buttons/elevatedbutton/01_basic_elevatedbuttons.py

@@ -1,12 +1,12 @@
 import flet as ft
 
-name = "Basic ElevatedButtons"
+name = "Basic Buttons"
 
 
 def example():
     return ft.Column(
         controls=[
-            ft.ElevatedButton(content="Elevated button"),
-            ft.ElevatedButton("Disabled button", disabled=True),
+            ft.Button(content="Elevated button"),
+            ft.Button("Disabled button", disabled=True),
         ]
     )

sdk/python/examples/apps/controls-gallery/examples/buttons/elevatedbutton/02_elevatedbuttons_with_icons.py

@@ -1,13 +1,13 @@
 import flet as ft
 
-name = "ElevatedButtons with icons"
+name = "Buttons with icons"
 
 
 def example():
     return ft.Column(
         controls=[
-            ft.ElevatedButton("Button with icon", icon="chair_outlined"),
-            ft.ElevatedButton(
+            ft.Button("Button with icon", icon="chair_outlined"),
+            ft.Button(
                 "Button with colorful icon",
                 icon="park_rounded",
                 icon_color="green400",