Introduction to the button control elevatedbutton of the fleet tutorial (the tutorial includes the source code)

What is? Flet

Flet It's a framework , Make it easy for you to build real-time in your favorite language Web、 Mobile and desktop applications , And share them safely with your team . No front-end experience .

Button Components

ElevatedButton

ElevatedButton It is essentially a fill tone button with shadows . To prevent shadow spreading , Please use them only when absolutely necessary , For example, when the button needs to be visually separated from the pattern background .

Based on using

import flet
from flet import ElevatedButton, Page

def main(page: Page):
    page.title = "Basic elevated buttons"
    page.add(
        ElevatedButton(text="Elevated button"),
        ElevatedButton("Disabled button", disabled=True),
    )

flet.app(target=main)

With icon button

import flet
from flet import ElevatedButton, Icon, Page, Row


def main